Skip to content
Doccupine
02

Doccupine

Disciplines
Product DesignAI ExperiencesMobile Design
Doccupine
  • #93C5FDPrimary Light
  • #2563EBPrimary
  • #1E40AFPrimary Dark
Doccupine

Documentation made simple

Doccupine is an open-source toolchain that turns a directory of MDX files into a production documentation site. One command, npx doccupine, scaffolds a full Next.js app, watches every save, regenerates pages live and builds the navigation straight from frontmatter.

Writing stays plain Markdown. Everything around it is generated: search, dark mode, sections, an OpenAPI reference with a live request playground, and changelogs readers can subscribe to over RSS.

Command to a live docs site
Built-in MDX components
AI providers for the built-in chat
Config needed to start
Doccupine
Doccupine

Documentation made simple. Open source. AI-ready.

Doccupine mobile sign in screen
Doccupine on iPad
Doccupine editor in light mode designed by Riangle
Doccupine editor in dark mode designed by Riangle
Doccupine mobile menu
Doccupine mobile file tree screen
Doccupine mobile file editor screen

One ecosystem

Doccupine and Cherry feed each other: every generated docs site is themed through cherry-styled-components, and the chat interface built for Doccupine was generalized back into Cherry's chat kit.

The CLI is free and open source, and docs.doccupine.com is itself a Doccupine site, so the documentation doubles as the product demo.

Next project

FK Dečić

View case study