awesome-svelte
Svelte toolkit
A curated list of resources and tools for building web applications with Svelte
⚡ A curated list of awesome Svelte resources
2k stars
38 watching
126 forks
last commit: 12 months ago
Linked from 2 awesome lists
awesomeawesome-listsappersveltesveltejs
Awesome Svelte / Resources / Official Resources | |||
| Official Guide | |||
| API Reference | |||
| GitHub Repo | 80,500 | 11 months ago | |
| Changelog | 80,500 | 11 months ago | |
Awesome Svelte / Resources / Community | |||
| Discord | |||
| 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 | about 5 years ago | Finding Svelte's inflection point |
Awesome Svelte / Integrations / Preprocessing | |||
| svelte-preprocess | 1,759 | about 1 year ago | A preprocessor for PostCSS, SCSS, Less, Stylus, Coffeescript, TypeScript, Pug and much more |
| MDSveX | 2,510 | 12 months ago | Preprocessor for MDX markdown |
| svelte-switch-case | 149 | over 2 years ago | Switch case syntax for Svelte |
| svelte-preprocess-less | 13 | over 2 years ago | Preprocessor for less |
| modular-css | 288 | over 1 year ago | Preprocessor support for modular-css |
| svelte-preprocess-sass | 90 | over 2 years ago | Preprocessor for sass |
| svelte-preprocess-markdown | 137 | almost 3 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 | about 1 year ago | The Svelte store contract with support for asynchronous values |
| exome | 241 | 11 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 | 12 months ago | Bootstrap 4 & 5 components |
| carbon-components-svelte | 2,715 | 11 months ago | Svelte implementation of the IBM Carbon Design System |
| Svelte Material UI | 3,332 | 11 months ago | Material UI Components |
| Melt UI | 3,806 | 11 months ago | A collection of accessible, reusable, and composable headless component builders and utilities |
| attractions | 1,045 | 11 months ago | A pretty cool and modern UI kit |
| ionic-svelte | 778 | about 1 year 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 | 11 months 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 | 11 months 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 | almost 3 years ago | UI framework with material components built with Tailwind CSS |
| SVAR Core for Svelte | 63 | 11 months ago | A collection of 20+ Svelte UI components for building fast-performing, interactive and responsive web apps |
| AgnosticUI | 724 | almost 2 years ago | Accessible Svelte Component Primitives (that also work with React, Vue 3, and Angular) |
Awesome Svelte / UI Components / Table | |||
| @vincjo/datatables | 479 | 11 months ago | A toolkit for creating datatable components with Svelte |
| svelte-table | 536 | about 1 year ago | A table implementation that allows sorting and filtering |
| svelte-generic-crud-table | 67 | about 1 year ago | Agnostic web-component for object-arrays with CRUD functionality. Sort and resize columns. Multiple tables per page |
| svelte-generic-table-pager | 4 | almost 2 years ago | Svelte-generic-crud-table with paginator |
| powertable | 220 | about 2 years 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 | 11 months ago | Svelte-based pivot table library with drag'n'drop functionality |
Awesome Svelte / UI Components / Notification | |||
| svelte-notifications | 312 | about 2 years ago | Toast notifications component that can be used in any JS application |
| svelte-favicon-badge | 101 | about 1 year 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 | 11 months ago | Simple elegant toast notifications |
| svelte-french-toast | 892 | 11 months ago | Buttery smooth toast notifications for Svelte, inspired by React Hot Toast. Lightweight, customizable, and beautiful by default |
| svelte-sonner | 743 | about 1 year ago | An opinionated toast component for Svelte |
Awesome Svelte / UI Components / Grid | |||
| svelte-grid-responsive | 54 | almost 3 years ago | Bootstrap-inspired responsive grid system |
| svelte-flex | 78 | 12 months ago | A simple and reusable flexbox component for Svelte |
Awesome Svelte / UI Components / Icons | |||
| unplugin-icons | 4,164 | 11 months ago | Access thousands of icons as components on-demand universally |
| svelte-fa | 402 | 11 months ago | Tiny FontAwesome 5 and 6 component |
| svelte-awesome | 493 | 11 months ago | Awesome SVG icon component, built with Font Awesome icons |
| steeze-ui/icons | 183 | 11 months ago | Effortless Icon Packs & Components for Svelte, React, Vue and more |
| svelte-icons | 291 | over 2 years ago | Icon components |
| svelte-heroicons | 8 | almost 3 years ago | Icons, crafted by the creators of Tailwind CSS |
| svelte-icomoon | 5 | over 2 years ago | It makes it very simple to use SVG icons in your Svelte projects |
| svelte-unicons | 3 | over 2 years ago | Unicons svg icons for Svelte based on @iconscout/unicons |
| lucide-svelte | 11,844 | 11 months ago | Implementation of the lucide icon library for svelte applications |
| svelte-icons-pack | 61 | over 1 year ago | Based on |
| svesome | 2 | about 1 year ago | A fontawesome v6 icons wrapper for svelte its awesome |
Awesome Svelte / UI Components / Calendar | |||
| svelte-fullcalendar | 197 | about 2 years ago | A component wrapper around FullCalendar |
| svelte-calendar | 542 | about 3 years ago | A lightweight datepicker with neat animations and a unique UX |
| date-picker-svelte | 321 | 11 months ago | A date and time picker for Svelte with clean UX |
| @schedule-x/svelte | 1,414 | 11 months ago | A material design event calendar library |
Awesome Svelte / UI Components / Maps | |||
| svelte-googlemaps | 79 | over 1 year ago | Google Maps component |
| svelte-mapbox | 347 | 11 months ago | MapBox map and autocomplete components |
| leaflet-svelte | 51 | over 4 years ago | Svelte wrapper for Leaflet |
| esri-svelte | 15 | 12 months ago | Web application that shows how to use the ArcGIS API for JavaScript with Svelte |
| svelte-maplibre | 357 | 11 months ago | Svelte bindings for the MapLibre mapping library |
Awesome Svelte / UI Components / Charts | |||
| svelte-frappe-charts | 310 | over 1 year ago | Svelte bindings for frappe-charts |
| Layer Cake | 1,462 | 11 months ago | A framework for mostly-reusable graphics with svelte |
| LayerChart | 685 | 11 months 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 | about 4 years ago | A lightweight component to render tree views |
| svelte-copyright | 16 | over 1 year ago | A Svelte component to format and display a copyright notice |
| svelte-splitpanes | 397 | 11 months ago | Full featured resizeable views panels |
| mathjax-svelte | 0 | almost 3 years ago | A Svelte component for MathJax |
| svelte-stepper | 145 | 11 months ago | A Svelte component for building animated step flows |
| css-3d-progress | 2 | over 1 year ago | A 3D Progress Bar component |
| svelte-speedometer | 17 | about 1 year ago | Svelte component for showing speedometer like gauge using d3 |
Awesome Svelte / Scaffold | |||
| create-vite | 69,303 | 11 months ago | Generates scaffold for a vite + svelte app |
| create-svelte | 18,831 | 11 months ago | A CLI for creating a new SvelteKit project |
| saasstarter | 1,488 | 11 months ago | A open source, fast, and free to host Svelte SaaS template |
| svelte-pwa-template | 221 | about 1 year ago | A starter template for PWAs based in the official Template |
| vite-svelte-docker-template | 1 | 11 months 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 | 11 months 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 | 11 months ago | 🦺 Declarative form validation framework inspired by unit testing |
| svelte-formly | 254 | about 2 years ago | A good solution to generate and control a dynamic forms using core and custom rules with customize styles |
| svelte-form-builder | 70 | over 1 year ago | A No-code Drag n Drop Form Builder built for Svelte |
| svelte-checkbox | 78 | almost 3 years ago | A checkbox component (cool animation, customizable) |
| svelte-toggle | 22 | over 2 years ago | Basic toggle component with styling |
Awesome Svelte / Utilities / HTTP Requests | |||
| sswr | 243 | almost 2 years 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 | 11 months ago | Svelte Actions to play interaction sounds on target DOM events |
Awesome Svelte / Utilities / WebGL | |||
| svelthree | 485 | about 1 year 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 | over 1 year 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 | over 1 year ago | Component for rendering outside the DOM of parent component |
| svelte-teleport | 25 | about 5 years ago | A component to teleport elements across the DOM |
Awesome Svelte / Utilities / Fonts | |||
| svelte-web-fonts/google | 16 | over 3 years ago | Tiny component for easily loading Fonts via the Google Fonts API including autocompletion |
Awesome Svelte / Utilities / Internationalization | |||
| svelte-fluent | 96 | 11 months ago | Components for easy integration of localization |
| svelte-i18n | 1,274 | about 1 year ago | Internationalization library for Svelte |
| VoerkaI18n | Internationalization solution for | ||
| sveltekit-i18n | 511 | 12 months ago | For integrating style localization in SvelteKit |
| @tolgee/svelte | 234 | 11 months ago | Web-based localization tool enabling users to translate directly in the Svelte app they develop |
| @i18n-pro/svelte | 8 | over 1 year 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 | over 1 year ago | Router adds routing to your Single Page Applications (SPA). Includes localisation, guards and nested layouts |
| svelte-routing | 2,038 | over 1 year ago | A declarative Svelte routing library with SSR support |
| tinro | 679 | about 1 year ago | A tiny, dependency free and highly declarative router |
| svelte-spa-router | 1,558 | over 1 year ago | Optimized for Single Page Applications (SPA) with hash based routing and support for parameters |
| svelte-client-router | 17 | over 1 year ago | Svelte Client Router is everything you need and think when routing SPA's |
| @danielsharkov/svelte-router | 13 | over 1 year ago | A simple & easy to use SPA router, developed with page transitions in mind |
| @shaun/svelterouter | 3 | over 1 year ago | Another vue-router inspired Svelte router |
| Elegua | 79 | over 1 year ago | Small (< 180LoC), fast, easy, full featured SPA router |
| svelte5-router | 74 | 11 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 | almost 3 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 | over 1 year ago | Create documents (PDFs), resumes, or presentations entirely in Svelte |
Awesome Svelte / Dev Tools / Lint | |||
| prettier-plugin-svelte | 752 | 11 months ago | Format your components using prettier |
| svelte-check | Check your code | ||
| eslint-plugin-svelte | 312 | 11 months ago | An ESLint plugin for Svelte using AST |
Awesome Svelte / Dev Tools / Test | |||
| svelte-jester | 128 | over 1 year ago | A Jest transformer to compile your components before importing them into tests |
| @testing-library/svelte | 623 | 11 months ago | Simple and complete Svelte DOM testing utilities that encourage good testing practices |
| jest-transform-svelte | 35 | almost 3 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 | about 1 year ago | Syntax highlighting and support for Vim |
| coc-svelte | 179 | about 2 years ago | Syntax highlighting and support for (Neo)Vim |
| Svelte | Syntax highlighting and support for JetBrains | ||