Documentation Site Layout
A docs site with top nav, left sidebar tree navigation, content area with code blocks, and right-side TOC.
Prompt
Create a documentation page layout: Top nav: logo, search bar (command palette), GitHub link, dark mode toggle Left sidebar: collapsible sections tree (Getting Started, Components, API, Guides), active page highlighted Main content: breadcrumb, title, docs body with H2/H3s, code blocks (language label + copy button + syntax highlighting), info/warning/tip callout blocks, props table, "Edit on GitHub" link, Prev/Next navigation Right column (sticky): "On this page" TOC with scroll spy Dark mode, responsive (sidebar = drawer on mobile) Use Tailwind CSS, shadcn/ui
Share:Share on X
More Blog & Content Prompts
Featured
Blog Article Page with TOCA long-form article page with sticky table of contents, reading progress bar, author card, and related posts.
A blog index with a large featured post hero, category filter tabs, and a responsive article card grid.