Introduction

docscn is a shadcn/ui registry of documentation components: a docs layout with a sidebar, docs pages with a table of contents, search, and the MDX components for code blocks, callouts and cards. You install them into your own Next.js app with the shadcn CLI, and they're built on your shadcn/ui primitives and theme, so your docs look like the rest of your project.

How it relates to FumadocsCopy Anchor Link

docscn is a drop-in replacement for Fumadocs UI, built the shadcn/ui way.

• Content comes from Fumadocs Core and Fumadocs MDX, exactly as it does with Fumadocs UI. docscn components take Fumadocs Core's types (page trees, TOC items, search results), so any content source Fumadocs supports works.
• Components keep Fumadocs UI's names, props and module paths. fumadocs-ui/layouts/docs becomes @/components/docs/layouts/docs, so migrating is a find-and-replace.
• Instead of a package with its own styles and colour themes, you get the source in components/docs/, built on your shadcn/ui sidebar, button, tabs, alert and other primitives, and styled with your theme tokens. Edit it like any other component in your app.

What's includedCopy Anchor Link

See Compatibility for the status of every Fumadocs UI module.

Next stepsCopy Anchor Link