Build beautiful, fast, and fully customizable documentation sites with Vellocs - the Next.js-powered documentation engine for premium developer experiences.
Early Access
Vellocs is currently in active development. Some features may be incomplete or subject to change. Report issues or request features.
What is Vellocs?
Vellocs is a modern, high-performance documentation site generator built with Next.js 15 and React Server Components. It delivers a clean, fast, and developer-friendly approach to creating documentation sites.
Why Vellocs?
Blazingly Fast
Rich Components
Fully Customizable
Dark Mode Native
- Blazingly Fast - Built on Next.js 15 with static export optimization
- Rich Components - Over 20 built-in MDX components
- Fully Customizable - Configure everything through
config.json - Dark Mode Native - Beautiful dark mode by default
Key Features
Content & Writing
- MDX Support - Write in Markdown with full JSX component support
- Syntax Highlighting - Beautiful code blocks with Shiki highlighting
- Diff Highlighting - Show code changes with
+/-indicators - Math Support - Render LaTeX equations with KaTeX
- Snippets - Reusable content blocks across your docs
Components
- CodeBlock - Syntax highlighted code with copy button and filename header
- Tabs & Code Groups - Organize content and multi-language examples
- Accordions & Steps - Interactive content organization
- Banners - Global and inline announcements with variants
- Response Fields - Document API responses and configuration options
- Icons - Lucide icon library integration
Navigation & Structure
- Multi-Tab Navigation - Organize docs into multiple top-level sections
- Sidebar Groups - Nested navigation with icons
- Table of Contents - Auto-generated from headings
- Pagination - Previous/next page navigation
- Search - Built-in documentation search with Pagefind
Customization
- Three Layout Themes - Default, Atlas (sidebar-only), Horizon (pill search)
- Color System - Full theme customization via CSS variables
- Custom Fonts - Google Fonts integration for body, headings, and code
- Custom 404 - Branded error pages
Architecture
Vellocs is built on three core principles:
Performance First
Every decision is made with performance in mind. Static generation with Next.js 15 means your docs load instantly with optimal Core Web Vitals scores.
Developer Experience
Write in MDX, organize with simple folder structures, and configure everything through a single config.json file. No complex build configuration needed.
Production Ready
Built with TypeScript, Next.js 15 App Router, and React Server Components for the most modern web development experience.
Getting Started
Ready to create your documentation site?
Install Vellocs
Clone the repository and install dependencies:
Configure your site
Edit docs/config.json to customize your site:
Start writing
Create MDX files in the /docs directory and add them to your navigation in docs/config.json.
For detailed setup instructions, head to the Installation Guide.
What's Next?
Installation
Learn how to install and set up Vellocs for your project
Configuration
Explore all configuration options in the config.json file
Components
Discover all available MDX components for your documentation