awesome-svelte

Svelte toolkit

A curated list of resources and tools for building web applications with Svelte

⚡ A curated list of awesome Svelte resources

GitHub
2k stars
38 watching
126 forks
last commit: 3 months ago
Linked from 2 awesome lists

awesomeawesome-listsappersveltesveltejs

Awesome Svelte / Resources / Official Resources
Official Guide
API Reference
GitHub Repo 80,500 about 1 month ago
Changelog 80,500 about 1 month ago

Awesome Svelte / Resources / Community
Twitter
Discord
Reddit
Japan Discord Svelte 日本

Awesome Svelte / Resources / Conferences
Svelte Summit

Awesome Svelte / Resources / Podcasts
Svelte Radio

Awesome Svelte / Resources / YouTube Channels
Svelte Society
Svelte Mastery

Awesome Svelte / Resources / Tutorials
Getting Started with Svelte 5: A Guide for React Developers Edistys
Svelte 5 Basics - Complete Svelte 5 Course for Beginners Syntax (YouTube)

Awesome Svelte / Resources / Studies
SvelteScaling Does Svelte Scale?
Will it Scale? 174 over 4 years ago Finding Svelte's inflection point

Awesome Svelte / Integrations / Preprocessing
svelte-preprocess 1,759 4 months ago A preprocessor for PostCSS, SCSS, Less, Stylus, Coffeescript, TypeScript, Pug and much more
MDSveX 2,510 3 months ago Preprocessor for MDX markdown
svelte-switch-case 149 over 1 year ago Switch case syntax for Svelte
svelte-preprocess-less 13 almost 2 years ago Preprocessor for less
modular-css 288 9 months ago Preprocessor support for modular-css
svelte-preprocess-sass 90 over 1 year ago Preprocessor for sass
svelte-preprocess-markdown 137 about 2 years ago Write Svelte components in markdown syntax

Awesome Svelte / 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

Awesome Svelte / State Libraries
svelte-asyncable 169 4 months ago The Svelte store contract with support for asynchronous values
exome 241 about 2 months ago Simple proxy based state manager for deeply nested states
tanstack-store Framework agnostic type-safe store w/ reactive framework adapters

Awesome Svelte / 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 151 3 months ago Bootstrap 4 & 5 components
carbon-components-svelte 2,715 about 1 month ago Svelte implementation of the IBM Carbon Design System
Svelte Material UI 3,332 about 1 month ago Material UI Components
Melt UI 3,806 about 2 months ago A collection of accessible, reusable, and composable headless component builders and utilities
attractions 1,045 about 2 months ago A pretty cool and modern UI kit
ionic-svelte 778 6 months ago 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 848 about 1 month ago 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 274 about 1 month ago 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 1,525 about 2 years ago UI framework with material components built with Tailwind CSS
SVAR Core for Svelte 63 about 2 months ago A collection of 20+ Svelte UI components for building fast-performing, interactive and responsive web apps
AgnosticUI 724 about 1 year ago Accessible Svelte Component Primitives (that also work with React, Vue 3, and Angular)

Awesome Svelte / UI Components / Table
@vincjo/datatables 479 about 1 month ago A toolkit for creating datatable components with Svelte
svelte-table 536 4 months ago A table implementation that allows sorting and filtering
svelte-generic-crud-table 67 5 months ago Agnostic web-component for object-arrays with CRUD functionality. Sort and resize columns. Multiple tables per page
svelte-generic-table-pager 4 about 1 year ago Svelte-generic-crud-table with paginator
powertable 220 over 1 year ago 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 20 about 2 months ago Svelte-based pivot table library with drag'n'drop functionality

Awesome Svelte / UI Components / Notification
svelte-notifications 312 over 1 year ago Toast notifications component that can be used in any JS application
svelte-favicon-badge 101 4 months ago 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 838 about 2 months ago Simple elegant toast notifications
svelte-french-toast 892 about 1 month ago Buttery smooth toast notifications for Svelte, inspired by React Hot Toast. Lightweight, customizable, and beautiful by default
svelte-sonner 743 3 months ago An opinionated toast component for Svelte

Awesome Svelte / UI Components / Grid
svelte-grid-responsive 54 about 2 years ago Bootstrap-inspired responsive grid system
svelte-flex 78 2 months ago A simple and reusable flexbox component for Svelte

Awesome Svelte / UI Components / Icons
unplugin-icons 4,164 about 2 months ago Access thousands of icons as components on-demand universally
svelte-fa 402 about 1 month ago Tiny FontAwesome 5 and 6 component
svelte-awesome 493 about 1 month ago Awesome SVG icon component, built with Font Awesome icons
steeze-ui/icons 183 about 2 months ago Effortless Icon Packs & Components for Svelte, React, Vue and more
svelte-icons 291 almost 2 years ago Icon components
svelte-heroicons 8 about 2 years ago Icons, crafted by the creators of Tailwind CSS
svelte-icomoon 5 almost 2 years ago It makes it very simple to use SVG icons in your Svelte projects
svelte-unicons 3 almost 2 years ago Unicons svg icons for Svelte based on @iconscout/unicons
lucide-svelte 11,844 about 1 month ago Implementation of the lucide icon library for svelte applications
svelte-icons-pack 61 10 months ago Based on
svesome 2 6 months ago A fontawesome v6 icons wrapper for svelte its awesome

Awesome Svelte / UI Components / Calendar
svelte-fullcalendar 197 over 1 year ago A component wrapper around FullCalendar
svelte-calendar 542 over 2 years ago A lightweight datepicker with neat animations and a unique UX
date-picker-svelte 321 about 2 months ago A date and time picker for Svelte with clean UX
@schedule-x/svelte 1,414 about 1 month ago A material design event calendar library

Awesome Svelte / UI Components / Maps
svelte-googlemaps 79 10 months ago Google Maps component
svelte-mapbox 347 about 2 months ago MapBox map and autocomplete components
leaflet-svelte 51 almost 4 years ago Svelte wrapper for Leaflet
esri-svelte 15 2 months ago Web application that shows how to use the ArcGIS API for JavaScript with Svelte
svelte-maplibre 357 about 1 month ago Svelte bindings for the MapLibre mapping library

Awesome Svelte / UI Components / Charts
svelte-frappe-charts 310 7 months ago Svelte bindings for frappe-charts
Layer Cake 1,462 about 2 months ago A framework for mostly-reusable graphics with svelte
LayerChart 685 about 1 month ago Large collection of composable Svelte components to build a wide range of visualizations, built upon Layer Cake

Awesome Svelte / UI Components / Miscellaneous
Svelte Tweakpane UI UI elements from wrapped in a collection of idiomatic Svelte components
svelte-tree-viewer 16 over 3 years ago A lightweight component to render tree views
svelte-copyright 16 11 months ago A Svelte component to format and display a copyright notice
svelte-splitpanes 397 about 1 month ago Full featured resizeable views panels
mathjax-svelte 0 about 2 years ago A Svelte component for MathJax
svelte-stepper 145 about 1 month ago A Svelte component for building animated step flows
css-3d-progress 2 12 months ago A 3D Progress Bar component
svelte-speedometer 17 6 months ago Svelte component for showing speedometer like gauge using d3

Awesome Svelte / Scaffold
create-vite 69,303 about 1 month ago Generates scaffold for a vite + svelte app
create-svelte 18,831 about 1 month ago A CLI for creating a new SvelteKit project
saasstarter 1,488 about 1 month ago A open source, fast, and free to host Svelte SaaS template
svelte-pwa-template 221 5 months ago A starter template for PWAs based in the official Template
vite-svelte-docker-template 1 about 1 month ago Template for Svelte + Docker + Vite + Vitest

Awesome Svelte / 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

Awesome Svelte / Utilities / Drag & Drop
neodrag 1,631 about 1 month ago One Draggable to rule them all 💍

Awesome Svelte / 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 2,573 about 1 month ago 🦺 Declarative form validation framework inspired by unit testing
svelte-formly 254 over 1 year ago A good solution to generate and control a dynamic forms using core and custom rules with customize styles
svelte-form-builder 70 9 months ago A No-code Drag n Drop Form Builder built for Svelte
svelte-checkbox 78 about 2 years ago A checkbox component (cool animation, customizable)
svelte-toggle 22 almost 2 years ago Basic toggle component with styling

Awesome Svelte / Utilities / HTTP Requests
sswr 243 about 1 year ago 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"

Awesome Svelte / Utilities / Sound & Video
svelte-sound 47 about 1 month ago Svelte Actions to play interaction sounds on target DOM events

Awesome Svelte / Utilities / WebGL
svelthree 485 4 months ago Component library for declarative construction of reactive and reusable three.js scene graphs
threlte Threlte is a renderer and component library for using Three.js in a declarative and state-driven way in Svelte apps

Awesome Svelte / Utilities / PWA
SvelteKit-Adapter-Versioned-Worker 12 9 months ago An easy-to-use service worker build plugin where you don't need to worry about cache durations

Awesome Svelte / Utilities / Portal
svelte-portal 446 6 months ago Component for rendering outside the DOM of parent component
svelte-teleport 25 over 4 years ago A component to teleport elements across the DOM

Awesome Svelte / Utilities / Fonts
svelte-web-fonts/google 16 over 2 years ago Tiny component for easily loading Fonts via the Google Fonts API including autocompletion

Awesome Svelte / Utilities / Internationalization
svelte-fluent 96 about 1 month ago Components for easy integration of localization
svelte-i18n 1,274 3 months ago Internationalization library for Svelte
VoerkaI18n Internationalization solution for
sveltekit-i18n 511 3 months ago For integrating style localization in SvelteKit
@tolgee/svelte 234 about 1 month ago Web-based localization tool enabling users to translate directly in the Svelte app they develop
@i18n-pro/svelte 8 9 months ago Lightweight, simple, flexible, automatic translation internationalization tool for Svelte
ParaglideJS Tiny, typesafe i18n library with translated links out of the box

Awesome Svelte / Routers
svelte-router-spa 530 7 months ago Router adds routing to your Single Page Applications (SPA). Includes localisation, guards and nested layouts
svelte-routing 2,038 6 months ago A declarative Svelte routing library with SSR support
tinro 679 5 months ago A tiny, dependency free and highly declarative router
svelte-spa-router 1,558 10 months ago Optimized for Single Page Applications (SPA) with hash based routing and support for parameters
svelte-client-router 17 9 months ago Svelte Client Router is everything you need and think when routing SPA's
@danielsharkov/svelte-router 13 10 months ago A simple & easy to use SPA router, developed with page transitions in mind
@shaun/svelterouter 3 11 months ago Another vue-router inspired Svelte router
Elegua 79 11 months ago Small (< 180LoC), fast, easy, full featured SPA router
svelte5-router 74 about 2 months ago First Svelte 5 SPA router with nesting, hooks, and more.. Use components, snippets, or both!

Awesome Svelte / Frameworks
SvelteKit The fastest way to build Svelte apps
Routify Routes for Svelte, automated by your file structure
Elder.js 2,115 about 2 years ago Opinionated static site generator and web framework for Svelte built with SEO in mind
JungleJS The Jamstack framework for Svelte with GraphQL
svelte-document 9 10 months ago Create documents (PDFs), resumes, or presentations entirely in Svelte

Awesome Svelte / Dev Tools / Lint
prettier-plugin-svelte 752 about 2 months ago Format your components using prettier
svelte-check Check your code
eslint-plugin-svelte 312 about 1 month ago An ESLint plugin for Svelte using AST

Awesome Svelte / Dev Tools / Test
svelte-jester 128 7 months ago A Jest transformer to compile your components before importing them into tests
@testing-library/svelte 623 about 1 month ago Simple and complete Svelte DOM testing utilities that encourage good testing practices
jest-transform-svelte 35 about 2 years ago Jest Transformer for Svelte components

Awesome Svelte / 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 139 3 months ago Syntax highlighting and support for Vim
coc-svelte 179 over 1 year ago Syntax highlighting and support for (Neo)Vim
Svelte Syntax highlighting and support for JetBrains

Backlinks from these awesome lists:

More related projects: