Build beautiful, fast documentation sites with SvelteKit, Tailwind CSS v4, and shadcn-svelte. Write in Markdown, style with components, deploy anywhere.
A fully featured documentation kit with sidebar navigation, search, dark mode, syntax highlighting, and more.
Built-in left sidebar with collapsible sections, nested pages, and a rail for quick toggling. Powered by shadcn-svelte's sidebar components.
Powered by SvelteKit and Vite for instant HMR, fast builds, and seamless page transitions with zero client-side overhead.
Press Ctrl+K to open a command palette and instantly search across all your documentation pages.
Automatic dark and light mode with mode-watcher. Respects system preferences and persists user choice.
Beautiful code blocks powered by Shiki with support for multiple languages, line numbers, and theme-aware highlighting.
Write docs in Markdown with full Svelte component support via MDSvex. Embed interactive examples right in your content.
Pre-configured with shadcn-svelte's component library including buttons, dialogs, tooltips, breadcrumbs, and more.
Styled with Tailwind CSS v4 and CSS custom properties for easy theming. Customize colors, spacing, and typography to match your brand.
From clone to deployment in minutes. No complex configuration required.
Clone the repository and run npm install. The template comes pre-configured with SvelteKit, Tailwind CSS, shadcn-svelte, and all the tooling you need.
npx degit code-gio/svelte-docs-starter my-docs
cd my-docs && npm installAdd Markdown or Svelte files in the src/content directory. MDSvex handles the rendering with full support for frontmatter, code blocks, and Svelte components.
Deploy to Vercel, Netlify, Cloudflare Pages, or any Node.js host. SvelteKit adapters make deployment a single command.
Every library and tool used in this starter, linked for easy reference.
Full-stack framework for Svelte apps
Reactive UI framework with runes
Utility-first CSS framework
Accessible UI components for Svelte
Markdown preprocessor for Svelte
Syntax highlighting powered by TextMate grammars
Dark mode management for SvelteKit
Beautiful open-source icon library
First-class variant API for Tailwind CSS
Toast notifications for Svelte
Professional sans-serif typeface
Animation utilities for Tailwind CSS
Clone the starter, add your content, and ship. Open source, free forever.