⚡ A curated list of awesome Svelte resources
This page lists names, links and short descriptions. The original list on GitHub is the source and belongs to its authors.
Svelte is a new way to build web applications. It's a compiler that takes your declarative components and converts them into efficient JavaScript that surgically updates the DOM.
Description: Svelte Radio is a podcast about Svelte. We (Antony, Shawn and Kevin) meet up once every two weeks or so and discuss the latest in Svelte. Sometimes we also have interesting guests on.; Frequency: Bi-Weekly; Runtime: 40 - 60 mins, regularly ~50 mins
Syntax (YouTube)
Free cross-platform search engine indexing 50,000+ tutorials from Udemy, Skillshare, Pluralsight, and other major learning platforms across 45+ categories.
Does Svelte Scale? (pre-v5)
Finding Svelte's inflection point. (pre-v5)
A preprocessor for PostCSS, SCSS, Less, Stylus, Coffeescript, TypeScript, Pug and much more.
Preprocessor for MDX markdown.
Switch case syntax for Svelte.
Preprocessor for less.
Preprocessor support for modular-css.
Preprocessor for sass.
Write Svelte components in markdown syntax.
Svelte + Markdown + LaTeX.
Svelte controlling native components via Nativescript.
Full featured HTML framework for building iOS & Android apps.
Build native mobile apps with web technology and Svelte.
Live updates / OTA for Capacitor apps.
The Svelte store contract with support for asynchronous values.
Framework agnostic type-safe store w/ reactive framework adapters.
A dead-simple CLI tool to instantly kickstart your components.
Beautifully designed components that you can copy and paste into your apps.
all inclusive Svelte library - Components, Actions, Utilities, Animations.
Open-source Svelte UI components built with Tailwind CSS and Flowbite.
Skeleton uses Tailwind utility classes and design system to easily create theme-able user interfaces.
Bootstrap 4 & 5 components.
Svelte implementation of the IBM Carbon Design System.
Material UI Components.
A collection of accessible, reusable, and composable headless component builders and utilities.
A pretty cool and modern UI kit. (pre-v5)
Svelte integration with Ionic's UI for mobile app development, including many starters.
YeSvelte is flexible Svelte UI component library built on top of Bootstrap css.
Large collection of components, actions, stores, and utilities to build highly interactive applications
Mobile web component library based on Svelte and Tailwind.
Robust component library implementing Material Design 3
Highly configurable headless framework agnostic component library
The most popular component library for Tailwind CSS - daisyUI adds component class names to Tailwind CSS so you can make beautiful websites faster than ever.
UI framework with material components built with Tailwind CSS. (pre-v5)
A collection of 20+ Svelte UI components for building fast-performing, interactive and responsive web apps.
Accessible Svelte Component Primitives (that also work with React, Vue 3, and Angular).
Consist of Svelte Magic UI, Svelte Aceternity UI, Svelte Luxe Components over 200+ Free Animation Components & 2 Templates
A powerful library of 100+ marketing and UI blocks built using Shadcn Svelte, Tailwind CSS v4, and Svelte 5.
An extensive UI framework featuring modern and elegant components following Material Design 3 principles.
A retro-styled component library for Svelte built on top of shadcn-svelte, offering 40+ customizable UI components for funky and playful interfaces.
A set of accessible and composable Audio UI components. Built on top of shadcn-svelte, inspired by audio-ui, it's designed for you to copy, paste, and own.
Headless chat and agent components plus a store for building AI apps in Svelte, with a framework-agnostic core supporting streaming, tools, memory and RAG.
Headless, accessible UI primitives for Svelte 5 - ARIA semantics, keyboard interaction and focus management included, styling left entirely to you.
A toolkit for creating datatable components with Svelte.
A table implementation that allows sorting and filtering.
Agnostic web-component for object-arrays with CRUD functionality. Sort and resize columns. Multiple tables per page.
Svelte-generic-crud-table with paginator.
PowerTable is a JavaScript component that turns JSON data into an interactive HTML table. This facilitates manual inspection, sorting, filtering, searching, and editing of the data.
Svelte-based pivot table library with drag'n'drop functionality.
A Svelte datagrid with in-cell editing, sorting, context menu, collapsible and frozen columns, tree data view, paging and virtual scrolling.
Powerful data grid library based on revogrid with best features from Excel.
Table for data visualization purposes with advanced features like column pinning, and the only component in the world that does cross-table column position synchronization for master-child scenarios.
Toast notifications component that can be used in any JS application.
A custom component that adds a favicon and a badge that you can use to show for example number of unread messages, etc.
Simple elegant toast notifications.
Buttery smooth toast notifications for Svelte, inspired by React Hot Toast. Lightweight, customizable, and beautiful by default.
An opinionated toast component for Svelte.
Bootstrap-inspired responsive grid system.
A simple and reusable flexbox component for Svelte.
Access thousands of icons as components on-demand universally.
Tiny FontAwesome 5 and 6 component.
Awesome SVG icon component, built with Font Awesome icons.
Effortless Icon Packs & Components for Svelte, React, Vue and more.
Icon components.
Icons, crafted by the creators of Tailwind CSS.
It makes it very simple to use SVG icons in your Svelte projects.
Unicons svg icons for Svelte based on @iconscout/unicons.
5,600+ SVG brand and cloud icon components for Svelte. AWS, Azure, GCP, and 4,000+ brand logos.
Implementation of the lucide icon library for svelte applications.
Based on https://github.com/react-icons/react-icons.
A fontawesome v6 icons wrapper for svelte its awesome.
Beautiful, production-ready icon package for Svelte with complete icon coverage.
A collection of beautifully crafted, animated Lucide icons.
A component wrapper around FullCalendar.
A lightweight datepicker with neat animations and a unique UX.
A date and time picker for Svelte with clean UX.
A material design event calendar library.
Google Maps component.
MapBox map and autocomplete components.
Svelte wrapper for Leaflet.
Web application that shows how to use the ArcGIS API for JavaScript with Svelte.
Svelte bindings for the MapLibre mapping library.
Svelte bindings for frappe-charts.
A framework for mostly-reusable graphics with svelte
Large collection of composable Svelte components to build a wide range of visualizations, built upon Layer Cake
An interactive, customizable Gantt chart component written in Svelte
A customizable Svelte component for building node-based editors and interactive diagrams by the creators of React Flow
A component to transition, format, and localize numbers.
UI elements from Tweakpane wrapped in a collection of idiomatic Svelte components.
A lightweight component to render tree views.
A Svelte component to format and display a copyright notice.
Full featured resizeable views panels.
A Svelte component for MathJax.
A Svelte component for building animated step flows.
A 3D Progress Bar component
Svelte component for showing speedometer like gauge using d3.
Easy, dependency free embeds for Svelte and Vue.
A modular, high-performance PDF viewer and editor built for Svelte, powered by PDFium. Fully extensible with plugins for annotations, redaction, thumbnails, and more.
An offline-first Svelte component that previews 206 file extensions with lazy renderer presets and no server-side conversion.
Best Rich Text Editor, made for Svelte Developers with Tiptap.
Port of streamdown. An all in one markdown renderer optimized for streaming with built in styles, math, mermaid, code highlighting support and more.
A customizable terminal-style component for Svelte 5.
Credit and debit card visualization for payment forms and saved-card views, with live brand detection and a 3D flip.
Generates scaffold for a vite + svelte app.
A CLI for creating a new SvelteKit project.
A open source, fast, and free to host Svelte SaaS template.
An open-source SvelteKit + Convex starter for building SaaS products.
A starter template for PWAs based in the official Template. (pre-v5)
Template for Svelte + Docker + Vite + Vitest.
A modern documentation template built with Svelte 5, MDSvex, and Tailwind CSS.
An official quickstart template with Phaser.
A open-source modern full-stack web application template built with SvelteKit + shadcn-svelte. Supports i18n, theming, cookie managment, SEO management, static content with mdsvex, a shell component and more.
A production-ready SvelteKit boilerplate optimized for AI-assisted development, featuring Svelte 5 runes, Tailwind CSS v4, shadcn-svelte style components, i18n, and pre-configured agent instructions.
A static portfolio generator for creatives built with SvelteKit and Tailwind CSS 4, where content is just folders and Markdown files instead of a database, with interactive maps, EXIF metadata extraction and no tracking.
A zero-config, drop-in animation utility that adds smooth transitions to your Svelte app.
A simple and reusable typewriter effect for your Svelte applications.
A collection of beautifully crafted, animated Lucide icons.
Native app-like page transitions with spring physics, 60fps on mobile, SSR-ready, and all modern browser support.
One Draggable to rule them all 💍.
SvelteKit library for handling server and client validation, and client-side display of forms.
High level Svelte components for forms, built on top of Superforms and Zod.
Extensible form library, with built-in Yup, Zod, Vest, and Superstruct validation.
A good solution to generate and control a dynamic forms using core and custom rules with customize styles. (pre-v5)
A No-code Drag n Drop Form Builder built for Svelte.
Create forms with Shadcn Svelte, Superforms and ZOD | Valibot Schema within minutes.
A form library for Svelte with focus on performance, type safety and bundle size.
A checkbox component (cool animation, customizable). (pre-v5)
Basic toggle component with styling. (pre-v5)
Svelte stale while revalidate (SWR) data fetching strategy.
Fetch, cache and update data in your Svelte applications all without touching any "global state".
Framework agnostic type-safe query and mutation library for Svelte.
Streaming-first StitchAPI bindings: typed, validated stitchStore / stitchStreamStore Svelte stores that re-render as response deltas arrive.
Svelte Actions to play interaction sounds on target DOM events.
An easy-to-use service worker build plugin where you don't need to worry about cache durations.
Component for rendering outside the DOM of parent component.
A component to teleport elements across the DOM.
Tiny component for easily loading Fonts via the Google Fonts API including autocompletion.
Components for easy integration of Fluent localization.
Internationalization library for Svelte.
Internationalization solution for Javascript/Typescript/Vue/React/Solidjs/SvelteJs/ReactNative
For integrating i18n style localization in SvelteKit.
Web-based localization tool enabling users to translate directly in the Svelte app they develop.
Lightweight, simple, flexible, automatic translation internationalization tool for Svelte.
Tiny, typesafe i18n library with translated links out of the box.
Internationalization library that lets you just write your code, no function calls or other ceremonies needed.
Router adds routing to your Single Page Applications (SPA). Includes localisation, guards and nested layouts.
A declarative Svelte routing library with SSR support.
A tiny, dependency free and highly declarative router.
Optimized for Single Page Applications (SPA) with hash based routing and support for parameters.
Svelte Client Router is everything you need and think when routing SPA's.
A simple & easy to use SPA router, developed with page transitions in mind.
Another vue-router inspired Svelte router.
Small (< 180LoC), fast, easy, full featured SPA router
First Svelte 5 SPA router with nesting, hooks, and more.. Use components, snippets, or both!
Fast, reactive router with always-on path and hash routing, and the router that invented multi-hash routing.
Type-safe SPA router with file-based or code-based routing.
An Universal File Based Router with Svelte support.
The fastest way to build Svelte apps.
Routes for Svelte, automated by your file structure.
Opinionated static site generator and web framework for Svelte built with SEO in mind. (pre-v5)
The Jamstack framework for Svelte with GraphQL. (pre-v5)
Create documents (PDFs), resumes, or presentations entirely in Svelte.
Open-source AI coding agent that lives in your browser with click-to-edit and hot reload for Svelte apps.
An adapter to distribute your SvelteKit web app as a single executable binary with zero runtime dependencies. Unlike static builds, it preserves all Kit features like SSR, API endpoints, server hooks, etc.
Format your components using prettier.
Check your code.
An ESLint plugin for Svelte using AST.
A Jest transformer to compile your components before importing them into tests.
Simple and complete Svelte DOM testing utilities that encourage good testing practices.
Jest Transformer for Svelte components.
Provides syntax highlighting and rich intellisense for your components.
Svelte 3 Snippets for VS Code.
Syntax highlighting and support for Sublime Text.
Syntax highlighting and support for Vim.
Syntax highlighting and support for (Neo)Vim.
Syntax highlighting and support for JetBrains.
Privacy-focused local LLM chat application built with Svelte 5 frontend and Rust backend using the candle ML framework.
Open-source mod manager for PC games with built-in Archipelago multiworld randomizer support, built with Svelte 5 and Tauri 2.
An extremely fast GitHub for reviewing pull requests: PRs open in about 20 ms. Keyboard-first, with a CLI for coding agents. Svelte 5 runes UI over a Bun server.
vuejs/awesome-vue
🎉 A curated list of awesome things related to Vue.js
VoltAgent/awesome-design-md
A collection of DESIGN.md files analysis by popular brand design systems. Drop one into your project and let coding agents generate a matching UI.
PatrickJS/awesome-angular
:page_facing_up: A curated list of awesome Angular resources
AdrienTorris/awesome-blazor
Resources for Blazor, a .NET web framework using C#/Razor and HTML that runs in the browser with WebAssembly.
AllThingsSmitty/must-watch-css
CSS talks you have to see covering CSS Grid, flexbox, custom variables, performance, frameworks, tooling, and more! 📺
jondot/awesome-react-native
Awesome React Native components, news, tools, and learning material!