awesome-svelte
by TheComputerM
⚡ A curated list of awesome Svelte resources
AI summary
Svelte toolkit
A curated list of resources and tools for building web applications with Svelte
- stars
- 1.6K
- forks
- 126
- watching
- 38
- awesome lists
- 2
- entries
- 150
What's in the list
150 links in 35 sections, with live GitHub stats.activeno commit in 2y
Resources / Official Resources
Resources / Community
- Japan Discord
Svelte 日本
Resources / Conferences
Resources / Podcasts
Resources / YouTube Channels
Resources / Tutorials
- Svelte 5 Basics - Complete Svelte 5 Course for Beginners
Syntax (YouTube)
Resources / Studies
- SvelteScaling
Does Svelte Scale?
Will it Scale?
Finding Svelte's inflection point
Integrations / Preprocessing
svelte-preprocess
A preprocessor for PostCSS, SCSS, Less, Stylus, Coffeescript, TypeScript, Pug and much more
MDSveX
Preprocessor for MDX markdown
svelte-switch-case
Switch case syntax for Svelte
svelte-preprocess-less
Preprocessor for less
modular-css
Preprocessor support for modular-css
svelte-preprocess-sass
Preprocessor for sass
svelte-preprocess-markdown
Write Svelte components in markdown syntax
Integrations / Mobile
- Svelte Native
Svelte controlling native components via Nativescript
- Framework7
Full featured HTML framework for building iOS & Android apps
- Capacitor
Build native mobile apps with web technology and Svelte
State Libraries
svelte-asyncable
The Svelte store contract with support for asynchronous values
exome
Simple proxy based state manager for deeply nested states
- tanstack-store
Framework agnostic type-safe store w/ reactive framework adapters
UI Libraries
- shadcn-svelte
Beautifully designed components that you can copy and paste into your apps
- SvelteUI
all inclusive Svelte library - Components, Actions, Utilities, Animations
- Flowbite Svelte
Open-source Svelte UI components built with Tailwind CSS and Flowbite
- Skeleton
Skeleton uses Tailwind utility classes and design system to easily create theme-able user interfaces
Sveltestrap
Bootstrap 4 & 5 components
carbon-components-svelte
Svelte implementation of the IBM Carbon Design System
Svelte Material UI
Material UI Components
Melt UI
A collection of accessible, reusable, and composable headless component builders and utilities
attractions
A pretty cool and modern UI kit
ionic-svelte
Svelte integration with Ionic's UI for mobile app development, including many starters
- YeSvelte
YeSvelte is flexible Svelte UI component library built on top of Bootstrap css
Svelte UX
Large collection of components, actions, stores, and utilities to build highly interactive applications
- STDF
Mobile web component library based on Svelte and Tailwind
M3 Svelte
Robust component library implementing Material Design 3
- AgnosUI
Highly configurable headless framework agnostic component library
- daisyUI
The most popular component library for Tailwind CSS - adds component class names to Tailwind CSS so you can make beautiful websites faster than ever
Smelte
UI framework with material components built with Tailwind CSS
SVAR Core for Svelte
A collection of 20+ Svelte UI components for building fast-performing, interactive and responsive web apps
AgnosticUI
Accessible Svelte Component Primitives (that also work with React, Vue 3, and Angular)
UI Components / Table
@vincjo/datatables
A toolkit for creating datatable components with Svelte
svelte-table
A table implementation that allows sorting and filtering
svelte-generic-crud-table
Agnostic web-component for object-arrays with CRUD functionality. Sort and resize columns. Multiple tables per page
svelte-generic-table-pager
Svelte-generic-crud-table with paginator
powertable
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-pivottable
Svelte-based pivot table library with drag'n'drop functionality
UI Components / Notification
svelte-notifications
Toast notifications component that can be used in any JS application
svelte-favicon-badge
A custom component that adds a favicon and a badge that you can use to show for example number of unread messages, etc
@zerodevx/svelte-toast
Simple elegant toast notifications
svelte-french-toast
Buttery smooth toast notifications for Svelte, inspired by React Hot Toast. Lightweight, customizable, and beautiful by default
svelte-sonner
An opinionated toast component for Svelte
UI Components / Grid
svelte-grid-responsive
Bootstrap-inspired responsive grid system
svelte-flex
A simple and reusable flexbox component for Svelte
UI Components / Icons
unplugin-icons
Access thousands of icons as components on-demand universally
svelte-fa
Tiny FontAwesome 5 and 6 component
svelte-awesome
Awesome SVG icon component, built with Font Awesome icons
steeze-ui/icons
Effortless Icon Packs & Components for Svelte, React, Vue and more
svelte-icons
Icon components
svelte-heroicons
Icons, crafted by the creators of Tailwind CSS
svelte-icomoon
It makes it very simple to use SVG icons in your Svelte projects
svelte-unicons
Unicons svg icons for Svelte based on @iconscout/unicons
lucide-svelte
Implementation of the lucide icon library for svelte applications
svelte-icons-pack
Based on
svesome
A fontawesome v6 icons wrapper for svelte its awesome
UI Components / Calendar
svelte-fullcalendar
A component wrapper around FullCalendar
svelte-calendar
A lightweight datepicker with neat animations and a unique UX
date-picker-svelte
A date and time picker for Svelte with clean UX
@schedule-x/svelte
A material design event calendar library
UI Components / Maps
svelte-googlemaps
Google Maps component
svelte-mapbox
MapBox map and autocomplete components
leaflet-svelte
Svelte wrapper for Leaflet
esri-svelte
Web application that shows how to use the ArcGIS API for JavaScript with Svelte
svelte-maplibre
Svelte bindings for the MapLibre mapping library
UI Components / Charts
svelte-frappe-charts
Svelte bindings for frappe-charts
Layer Cake
A framework for mostly-reusable graphics with svelte
LayerChart
Large collection of composable Svelte components to build a wide range of visualizations, built upon Layer Cake
UI Components / Miscellaneous
- Svelte Tweakpane UI
UI elements from wrapped in a collection of idiomatic Svelte components
svelte-tree-viewer
A lightweight component to render tree views
svelte-copyright
A Svelte component to format and display a copyright notice
svelte-splitpanes
Full featured resizeable views panels
mathjax-svelte
A Svelte component for MathJax
svelte-stepper
A Svelte component for building animated step flows
css-3d-progress
A 3D Progress Bar component
svelte-speedometer
Svelte component for showing speedometer like gauge using d3
Scaffold
create-vite
Generates scaffold for a vite + svelte app
create-svelte
A CLI for creating a new SvelteKit project
saasstarter
A open source, fast, and free to host Svelte SaaS template
svelte-pwa-template
A starter template for PWAs based in the official Template
vite-svelte-docker-template
Template for Svelte + Docker + Vite + Vitest
Utilities / Animations
- AutoAnimate
A zero-config, drop-in animation utility that adds smooth transitions to your Svelte app
- svelte-typewriter
A simple and reusable typewriter effect for your Svelte applications
Utilities / Drag & Drop
neodrag
One Draggable to rule them all 💍
Utilities / Forms
- Superforms
SvelteKit library for handling server and client validation, and client-side display of forms
- Formsnap
High level Svelte components for forms, built on top of Superforms and Zod
- felte
Extensible form library, with built-in Yup, Zod, Vest, and Superstruct validation
vest
🦺 Declarative form validation framework inspired by unit testing
svelte-formly
A good solution to generate and control a dynamic forms using core and custom rules with customize styles
svelte-form-builder
A No-code Drag n Drop Form Builder built for Svelte
svelte-checkbox
A checkbox component (cool animation, customizable)
svelte-toggle
Basic toggle component with styling
Utilities / HTTP Requests
sswr
Svelte stale while revalidate (SWR) data fetching strategy
- svelte-query
Fetch, cache and update data in your Svelte applications all without touching any "global state"
Utilities / Sound & Video
svelte-sound
Svelte Actions to play interaction sounds on target DOM events
Utilities / WebGL
Utilities / PWA
SvelteKit-Adapter-Versioned-Worker
An easy-to-use service worker build plugin where you don't need to worry about cache durations
Utilities / Portal
svelte-portal
Component for rendering outside the DOM of parent component
svelte-teleport
A component to teleport elements across the DOM
Utilities / Fonts
svelte-web-fonts/google
Tiny component for easily loading Fonts via the Google Fonts API including autocompletion
Utilities / Internationalization
svelte-fluent
Components for easy integration of localization
svelte-i18n
Internationalization library for Svelte
- VoerkaI18n
Internationalization solution for
sveltekit-i18n
For integrating style localization in SvelteKit
@tolgee/svelte
Web-based localization tool enabling users to translate directly in the Svelte app they develop
@i18n-pro/svelte
Lightweight, simple, flexible, automatic translation internationalization tool for Svelte
- ParaglideJS
Tiny, typesafe i18n library with translated links out of the box
Routers
svelte-router-spa
Router adds routing to your Single Page Applications (SPA). Includes localisation, guards and nested layouts
svelte-routing
A declarative Svelte routing library with SSR support
tinro
A tiny, dependency free and highly declarative router
svelte-spa-router
Optimized for Single Page Applications (SPA) with hash based routing and support for parameters
svelte-client-router
Svelte Client Router is everything you need and think when routing SPA's
@danielsharkov/svelte-router
A simple & easy to use SPA router, developed with page transitions in mind
@shaun/svelterouter
Another vue-router inspired Svelte router
Elegua
Small (< 180LoC), fast, easy, full featured SPA router
svelte5-router
First Svelte 5 SPA router with nesting, hooks, and more.. Use components, snippets, or both!
Frameworks
- SvelteKit
The fastest way to build Svelte apps
- Routify
Routes for Svelte, automated by your file structure
Elder.js
Opinionated static site generator and web framework for Svelte built with SEO in mind
- JungleJS
The Jamstack framework for Svelte with GraphQL
svelte-document
Create documents (PDFs), resumes, or presentations entirely in Svelte
Dev Tools / Lint
prettier-plugin-svelte
Format your components using prettier
- svelte-check
Check your code
eslint-plugin-svelte
An ESLint plugin for Svelte using AST
Dev Tools / Test
svelte-jester
A Jest transformer to compile your components before importing them into tests
@testing-library/svelte
Simple and complete Svelte DOM testing utilities that encourage good testing practices
jest-transform-svelte
Jest Transformer for Svelte components
Dev Tools / Editors
- Svelte for VS Code
Provides syntax highlighting and rich intellisense for your components
- Svelte 3 Snippets
Svelte 3 Snippets for VS Code
- Svelte
Syntax highlighting and support for Sublime Text
vim-svelte-plugin
Syntax highlighting and support for Vim
coc-svelte
Syntax highlighting and support for (Neo)Vim
- Svelte
Syntax highlighting and support for JetBrains
Nothing in this list matches your filter.
Featured in 2 awesome lists
Each link jumps to the spot where the list mentions awesome-svelte.