Blueprint
Documentation Site
Developer documentation site for an API or SDK product: docs home with search and quickstart cards, article pages with sidebar, sticky table of contents, callouts, tabs, steps, copyable code with language tabs, previous and next links and a feedback widget, an API reference index grouped by resource, three-pane endpoint pages with a parameters table, request and response samples and a try-it panel with a mocked response, a changelog, command palette search over a local index, versions with migration notes, and llms.txt for agents.
- Screens
- 5
- Framework
- Next.js App Router · React 19 · Tailwind CSS 4 · shadcn/ui
- Variants
- Radix UI and Base UI
- Install
- One command, every screen
What is implemented
- The App Router routes above, each composed from catalog components. Interactive UI states such as menus, dialogs, filters and tabs work as in the viewer.
- Sample data that ships with each component, so the screens render without a backend.
- Light and dark themes.
What you supply
- Your data: API routes or a backend in place of the sample data. No backend is included.
- Authentication and authorization.
- Persistence: database, file storage and any server-side state.
- Business rules and server-side validation.
Install
Radix UI project
npx shadcn@4.17.0 add @agentic-ui/blueprint-docs-siteChecked: installs and builds in a clean Next.js project.
Base UI project
npx shadcn@4.17.0 add @agentic-ui/blueprint-docs-siteChecked: installs and builds in a clean Next.js project.
Your project must be connected to the private registry first: installation guide.
Components it uses
- Site ShellDocs Site Shell
- Docs HomeDocs Site Home
- ArticleDocs Site Article
- ContentsNav TOC Scrollspy
- Code BlocksUtil Copy Block
- Search PaletteSearch Global Palette
- Release TimelineMarketing Changelog
- API IndexDocs Site API Index
- API EndpointDocs Site API Endpoint
- ChangelogDocs Site Changelog
- SearchDocs Site Search
- VersionsDocs Site Versions
- Llms TxtDocs Site Llms