F. Media & Content

Docs / Knowledge Base Layout

Three-column docs layout, article page with code & callouts, docs home, changelog and an API reference page.

5 screensDesktop · Tablet · MobileLight · Dark

Write every screen of this block into your project — the source is then yours to edit.

bash

npx @wunderui/cli add media/docs

02Article page with code blocks & callouts

Uses: CodeBlock · Callout · Tabs · Breadcrumb

components/blocks/media/docs/02-article-code-callouts.tsx

Uses: TextField · Card · Badge · Kbd

components/blocks/media/docs/03-docs-home.tsx

Uses: Timeline · Badge · CodeBlock · Button

components/blocks/media/docs/04-changelog.tsx

Uses: CodeBlock · Tabs · Badge · Table

components/blocks/media/docs/05-api-reference.tsx