1. Getting Started
  2. Introduction

Getting Started

Introduction

KitDocs makes it easy to build a documentation site with SvelteKit. You can think of it as a VitePress alternative for Sveltalowdas (i.e., the people of Svelte).

Here's a list of everything it has to offer:

  • 📝 Vite plugin for transforming Markdown files to Svelte components with HMR support.
  • 📡 Loaders and endpoint handlers for loading Markdown metadata (i.e., title, frontmatter, etc.), and sidebar configurations.
  • 🎨 Beautiful pre-designed theme that's inspired by the Tailwind docs.
  • ♿ Accessible menus and popovers with full keyboard support, which are included in the default theme and also exported for your convenience.
  • 🌎 Global components folder that's imported into all Markdown files and also mapped to custom containers (e.g., Button.svelte -> :::button).
  • 🧩 Markdown extensions for header anchors, file links, YAML frontmatter, emojis, custom containers, table of contents, code fences, and importing code snippets.
  • 🖼️ Beautiful syntax highlighting with Shiki. This includes pre-designed code blocks that support titles, line highlighting, copy code button and a few other goodies.
  • 🏗️ Prebuilt Markdown components for steps, admonitions (i.e., callouts), tabbed links, responsive tables, and yes/no blocks.
  • 🔎 Algolia search integration that includes a clean default design.

Demos