Technical Documentation Made Simple

Build Beautiful Technical Docs Your Users Will Love

Create stunning API documentation, developer guides, and knowledge bases with our powerful editor. Code blocks, callouts, API references, and more — all in one place.

Syntax Highlighting
API References
Version Control

Everything You Need for Great Documentation

Powerful features designed specifically for technical documentation. No compromises.

Syntax Highlighting

Beautiful code blocks with syntax highlighting for 20+ languages. Copy button included.

API References

Document your APIs with method badges, parameter tables, and response examples.

Rich Components

Callouts, tabs, accordions, steps, and more. Everything you need for great docs.

Full-Text Search

Lightning-fast search across all your documentation with keyboard shortcuts.

Dark Mode

Beautiful light and dark themes that your developers will love.

Version Control

Track changes, manage versions, and maintain documentation history.

Code Tabs

Show code examples in multiple languages with easy tab switching.

Table of Contents

Auto-generated TOC with scroll spy for easy navigation.

Feedback System

Built-in 'Was this helpful?' feedback to improve your docs.

Team Collaboration

Work together with your team in real-time with live updates.

Public Sharing

Publish your docs publicly or keep them private for your team.

Fast & Responsive

Optimized for speed with instant page loads and mobile support.

See It In Action

Here's a preview of the components you can use in your documentation.

Code Blocks with Syntax Highlighting

api/users.ts
1import { Hono } from 'hono';
2 
3const app = new Hono();
4 
5app.get('/users/:id', async (c) => {
6  const id = c.req.param('id');
7  const user = await db.users.findUnique({ 
8    where: { id } 
9  });
10  
11  return c.json(user);
12});
13 
14export default app;

Multi-Language Code Examples

1fetch('/api/users/123')
2  .then(res => res.json())
3  .then(data => console.log(data));

Callouts & Admonitions

Note

This is a note callout. Use it to highlight important information.

Tip

Pro tip: You can customize the title and make callouts collapsible!

Warning

Be careful! This action cannot be undone.

Danger

Critical: This will delete all your data permanently.

Step-by-Step Guides

1

Install the package

Run the following command to install the package:
Bash
npm install @docubr/sdk
2

Configure your project

Create a configuration file in your project root.
3

Start building

You're all set! Start creating amazing documentation.

API Reference Blocks

POST/api/v1/documents

Create a new document in your workspace.

Request Body

NameTypeRequiredDefaultDescription
titlestringYes-The title of the document
contentstringNo-The initial content in JSON format
parentIdstringNo-ID of the parent document for nesting

Content Tabs

Docubr is a powerful documentation platform that helps you create beautiful technical documentation with ease.

Collapsible Sections

Component Props Documentation

PropTypeDefaultDescription
variant"default" | "outline" | "ghost""default"The visual style variant of the button
size"sm" | "md" | "lg""md"The size of the button
disabledbooleanfalseWhether the button is disabled
onClick*() => void-Callback function when button is clicked