Introduction

Hello, universe! This is an open-source Prose UI starter template for documentation sites built with Next.js. Feel free to clone this template and start building your own site.

This template uses Prose UI components and remark plugins to render MDX content. For example, the image below is rendered using the Image and Frame components, with a caption.

Tech stack

This template uses the following technologies:

Next.js 15
The backbone of the site. Pre-renders pages at build time for fast production performance.

Prose UI
Provides components and styles for building clean, MDX-powered documentation.

TailwindCSS
Facilitates flexible and efficient styling.

Shadcn UI
Includes familiar, shadcn-inspired components.

Content Collections
Renders MDX files with mdx-bundler and helps manage frontmatter.

MDX v3
Combines Markdown and JSX for interactive, component-based content.

Radix
Provides accessible components used for key elements in this template.

Key features

This template includes the following features:

WYSIWYG editor
Edit your Prose UI MDX files with Dhub's WYSIWYG editor.

Dark mode
Light and dark modes powered by next/themes.

Content folder
Content (MDX files) is separated into a dedicated content folder, making it much easier to manage than scattered page.mdx files.

Table of contents
A TOC component on the right helps navigate page content effortlessly.

Code highlighting
Shiki-powered server-side code highlighting (via Prose UI).

Hierarchical sidenav
Organize your navigation into categories, folders, and files.

Customizable theme
Customize the look and feel using pre-defined CSS variables.

SEO-friendly
Pre-generated pages ensure fast performance and allow search engines to easily index fully-rendered content.

Blazing fast
Next.js performance optimizations make the site extremely fast with virtually instant page navigation.

Search
Coming soon

API reference docs
Comming soon

Components

This will have a demonstration of components

Explore Prose UI

Get started with Prose UI