Write in Markdown and render to Svelte pages via MDsveX, with Svelte components usable in content
blogkit — Svelte Blog Template
By muttoni
BlogKit is a minimalist blog template built on SvelteKit and MDsveX. It lets you write in Markdown and render to Svelte pages, with code highlighting, light/dark themes, and automatic RSS.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Actual screenshot captured by the server browser.
All pages & views 3
Screenshots show visual appearance; interactive behavior may differ.
What stands out
A quick read of the recorded project description.
Built-in Prism code highlighting, defaulting to the VSCode Dark theme
Three themes: light, dark, and OLED
Routing based on SvelteKit's +page and +server conventions
Automatically generated RSS feed and server-side rendering
Build output to the build directory for easy deployment to static site hosting platforms
Template Details
BlogKit is a minimalist blog site template built with Svelte, SvelteKit, and MDsveX. It was originally forked from sveltekit-mdsvex-blog and later migrated to a newer version of SvelteKit with several enhancements. Its core idea is to let authors write articles in Markdown, which MDsveX combines with Svelte components and renders into pages. This gives you the writing convenience of Markdown while allowing Svelte capabilities directly within content.
The template includes Prism code highlighting (defaulting to the VSCode Dark theme), three themes (light, dark, and OLED), an automatically generated RSS feed, and server-side rendering for SEO. Routing follows SvelteKit's +page and +server conventions.
For usage, the repository provides basic steps to clone, install dependencies, and start the development server. The build output goes to the build directory and can be deployed to static site hosting platforms such as Vercel and Netlify. Note that the README explicitly states SvelteKit is still in pre-release, so APIs may change significantly; the template code may need adjustments with future versions of SvelteKit and MDsveX.
Is it right for your project?
Use Cases
- Building a personal blog where Markdown is the primary writing format
- Technical articles or development notes that need code highlighting
- Readers who want a blog to offer light, dark, and OLED themes
- Static blogs that need RSS subscription and basic SEO support
Suitable For
- Developers familiar with or willing to learn Svelte/SvelteKit
- Writers who prefer managing article content in Markdown
- Users planning to deploy the blog to static hosting platforms such as Vercel or Netlify
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
After cloning the repository, enter the project directory and optionally delete .git and reinitialize to get a clean commit history
- 2
Install dependencies with npm install, then run npm run dev to start the local development server
- 3
For deployment, set the build command to npm run build and the build output directory to build
- 4
The README notes that SvelteKit is still pre-release software, APIs may change significantly, and the code may need adjustments with version updates
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in the public repository; the free scope is the code of that version and does not imply that external services or third-party assets are free.
Must comply with when using
- You may use, modify, commercialize, and distribute the code of this version for free.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- The README explicitly states that SvelteKit is still in pre-release, APIs may change significantly, so this template code may need modifications to work with future versions of SvelteKit and MDsveX.
- The repository code may require changes to be compatible with future versions of SvelteKit and MDsveX; you must assess and bear the upgrade adaptation cost yourself before use.
- Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses; they cannot be judged solely by the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may incur additional charges.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
SvelteKit is still pre-release software and APIs may change dramatically.
Original README
https://github.com/muttoni/blogkit/blob/main/LICENSE.mdhttps://github.com/muttoni/blogkit/blob/main/README.mdthe code in this repository may need modifications to work with future releases of SvelteKit and MDsveX respectively
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-01. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- Partly documented · 65 / 100
- Technologies
- Svelte
- Website type
- Blog
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2022-11-27
- Screenshot last checked
- 2026-10-01
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies Svelte as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Automatically checked against source and license rules; no manual editorial review.
Inspect the recorded source material
SHA-256: 76535f5071fe729997e3eba7f3020239adddd0010a861dbdc0085644f642b556
2026-10-01T00:28:50.460Z
Source file / repository# BlogKit Minimalistic blog site template, built with [Svelte](https://svelte.dev), [SvelteKit](https://kit.svelte.dev) and [MDsveX](https://mdsvex.com). Originally forked from [@mehdi_vasigh](https://twitter.com/mehdi_vasigh)'s [sveltekit-mdsvex-blog](https://github.com/mvasigh/sveltekit-mdsvex-blog/), subsequently ported to the new SvelteKit version with several enhancements added. Write in markdown, publish in Svelte! Particularly simple, suprisingly powerful. ## >> [DEMO](https://blogkit-demo.vercel.app) << ## Features - **Markdown & Svelte**: The convenience of markdown, with the power of Svelte - **Code Highlighting**: Prism code highlighting (default theme is VSCode Dark) - **Light/Dark Modes**: Light, dark and OLED themes - **Next-gen Framework**: Bleeding edge SvelteKit compatibility with new `+server` and `+page` routing - **SSR and SEO Friendly**: Server-side rendering (SSR) for ultra-fast loading and SEO performance. - **RSS Feed**: Automatically generated RSS Feed ## Getting started First, clone the repository and navigate to the project directory: ```bash git clone https://github.com/muttoni/blogkit.git my-blog cd my-blog ``` If you want to have a fresh commit history, blow away the `.git` directory and re-initialize the repository locally: ```bash rm -rf .git git init ``` Next, install dependencies with NPM: ```bash npm install ``` Finally, run the local development server: ```bash npm run dev ``` ## Building for production This project is pre-configured with any provider. This makes deploying to static site hosts, such as Vercel or Netlify, super easy. Simply add your site's repository to your static site host of choice, configure the build command to be `npm run build` and the build output directory to be `build`. ## Disclaimer SvelteKit is still pre-release software and APIs may change dramatically. Therefore, the code in this repository may need modifications to work with future releases of SvelteKit and MDsveX respectively. Please feel free to open an issue or raise a pull request if you find any issues!
Explore similar templates
Compare previews and descriptions within the same stack and category.

CMSaasStarter
CMSaasStarter is an MIT-licensed SaaS starter template built with SvelteKit, TailwindCSS, DaisyUI, and Supabase, with Stripe Checkout and Stripe Portal for payments.
Svelte · Admin dashboard

sveltepress
Sveltepress is a SvelteKit-based static site generator for documentation and blogs, with Markdown that can use Svelte 5 Runes, components, and interactive islands.
Svelte · Tool Site

sveltekit-blog-template
A SvelteKit blog template that uses mdsvex for Markdown content and Tailwind for styling, with a theme referencing Tailwind's Spotlight blog template.
Svelte · Blog

sveltekit-mdsvex-blog
A minimal blog template built with SvelteKit and MDsveX, written in TypeScript. It supports writing articles in Markdown with embedded Svelte components, recognizes .svelte.md, .md, and .svx files, and is preconfigured with @sveltejs/adapter-static for static hosting deployment.
Svelte · Blog

tablog-svelte
A minimalist SvelteKit blog theme that generates all content from Markdown files in /content via mdsvex, with site configuration centralized in /src/config.js. Entries with a date attribute become posts, those without become static pages, and draft: true entries are inaccessible.
Svelte · Blog

sveltekit-mdsvex-blog-template
A SvelteKit and MDsveX blog starter for Markdown writing with embedded Svelte components, Tailwind CSS typography, tags, dark mode, SEO metadata, and Cloudflare Workers deployment configuration. Requires Node.js 22.12+ and pnpm 11.17.0; third-party demo assets need separate license verification.
Svelte · Portfolio
