Share with the biggest community of Svelte enthusiasts in the world
Welcome to Svelte Society, homepage for everything Svelte. Find what you're looking for in the navigation above!
Support Svelte Society and get your company featured here. Contact us
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.
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!
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
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.
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 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 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 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.
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.
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.
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.
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.
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.)
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
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+)
Fast Rust-powered drop-in replacement for svelte-check (Svelte 5+)
Full-stack and fully featured ecommerce platform that is ready to deploy Vercel.
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.
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.
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.
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.
SvelteKit-native Convex integration. Real-time queries, form spreading, SSR-to-live transport.
A standalone Svelte 5 SPA framework providing state-based routing, data fetching, forms, and real-time capabilities.
A standalone Svelte 5 SPA framework providing state-based routing, data fetching, forms, and real-time capabilities.
A modern static portfolio generator based on SvelteKit 2 and Tailwind CSS 4
A modern static portfolio generator based on SvelteKit 2 and Tailwind CSS 4
A comprehensive Svelte 5 component library that handles the complexity, so you can focus on building great products. Optimized for AI code generation and mobile-first design.
A comprehensive Svelte 5 component library that handles the complexity, so you can focus on building great products. Optimized for AI code generation and mobile-first design.
Vite plugin to load .svg files into Svelte components from a folder with auto-generated TypeScript types based on their file names.
Vite plugin to load .svg files into Svelte components from a folder with auto-generated TypeScript types based on their file names.