A pipeline-based state management engine for Svelte (and Angular, React, Vue)

SvGrid is a data grid written for Svelte 5 from the first line - runes ($state / $derived / $effect) and snippets throughout, not a React grid wrapped in a Svelte shim. It's headless-first, with a batteries-included <SvGrid> render component on top.

SVAR Svelte Calendar is an interactive event calendar and scheduler component for Svelte and SvelteKit apps. It supports Day, Week, and Month views, drag-and-drop event editing, calendar groups, a ready-to-use event edit form, and light/dark themes. The component comes with full TypeScript support, extensible API, and flexible CSS styling.

Mochi is a lightweight, server-first framework for Svelte 5 on Bun. Mochi websites render server-side on every request and ship as plain HTML. Components only ship JavaScript when you explicitly mark them as islands.

A practical guide to picking the right data loading pattern for each page in a SvelteKit SPA. All three approaches have a place; here's how to choose.

Writing Svelte with AI has made huge progress, but you still need to know what and how to set things up. At Mainmatter we wanted to put AI to the test, and we decided to do it by building an actual production application (https://dayrelay.ai) by using AI as much possible without compromising on code quality. We picked up some learnings along the way, so today we are finally releasing our Agentic Engineering with Svelte series. I've been working on this quite a bit, so I'm very excited to finally have it available. The first two episodes are out now, with more to come every Wednesday. Check out the first video and let me know what do you think about it!

A set of accessible, composable audio UI components for Svelte.

Modular, local-first Svelte block editor engine built on a Single ContentEditable architecture

This tutorial provides a step-by-step guide for integrating the Flexmonster Pivot Table & Charts component into a Svelte application. Flexmonster is an enterprise-grade library designed for high-performance web reporting and analysis of large, complex datasets.

Svelte Efferd Blocks: A collection of beautifully crafted Svelte Shadcn/UI blocks, designed to help developers build modern websites with ease.

Svelte wrapper for Flexmonster Pivot Table & Charts

Native WebSocket RPC and reactive subscriptions for SvelteKit

A SvelteKit adapter to build your application for https://www.zugriff.eu.

A local-first data layer backed by Nostr. Effect native with Svelte 5 bindings

A Svelte-first pipeline for modern GPU visuals.

A documentation framework built on SvelteKit and the Tiramisu markup language. Write .tiramisu files, get a fully themed documentation site with search, i18n, SEO, and an MCP server for AI assistants.

Inline editing components for Svelte 5 — text, rich text, and images with cropping.

This document outlines some best practices that will help you write fast, robust Svelte apps. It is also available as a `svelte-core-bestpractices` skill for your agents.

svelte-next scans a target directory, detects Svelte 5+ projects, and runs package updates, svelte installs, integration/e2e tests, and git commits. It supports bun, pnpm, yarn, and npm, and ships as a single static binary with no runtime dependencies.

A compiled, Svelte-first i18n library with Gettext-like syntax and ICU plurals.

Haptic feedback for the mobile web

There are a few ways to write global or classic CSS classes without generating scoped CSS hashes. (**Note** this recipe was authored with Svelte 5 and SvelteKit 2 in mind.)

Serve clean Markdown representations of any page when clients request Accept: text/markdown

A tiny library for building editable websites in Svelte

Fast Rust-powered drop-in replacement for svelte-check (Svelte 5+)

Full-stack and fully featured ecommerce platform that is ready to deploy Vercel.

Automatic, SSR-ready breadcrumbs for SvelteKit via route-level metadata exports. Zero config, fully reactive, server-rendered with top-level await.

Gridcraft is a headless component library built specifically for SvelteKit, empowering developers to create highly customizable and interactive data grids for web applications.

A smart tool that analyzes errors, warnings, and potential issues in your Svelte projects with a single command and fixes them with a single click using AI models such as Amp, Claude Code, and Codex.

SvelteKit-native Convex integration. Real-time queries, form spreading, SSR-to-live transport.