Track Awesome Svelte Updates Daily
⚡ A curated list of awesome Svelte resources
🏠 Home · 🔍 Search · 🔥 Feed · 📮 Subscribe · ❤️ Sponsor · 😺 TheComputerM/awesome-svelte · ⭐ 1.5K · 🏷️ Front-End Development
Nov 12, 2024
Table
- powertable (⭐218) - 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 (⭐17) - Svelte-based pivot table library with drag'n'drop functionality.
Icons
- svesome (⭐2) - A fontawesome v6 icons wrapper for svelte its awesome.
Drag & Drop
- neodrag (⭐1.6k) - One Draggable to rule them all 💍.
HTTP Requests / Form Components
- sswr (⭐239) - 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".
Sound & Video / Form Components
- svelte-sound (⭐46) - Svelte Actions to play interaction sounds on target DOM events.
Internationalization / Form Components
- ParaglideJS - Tiny, typesafe i18n library with translated links out of the box.
Oct 30, 2024
Routers / Form Components
- svelte5-router (⭐3) - First Svelte 5 SPA router with nesting, hooks, and more.. Use components, snippets, or both!
Oct 27, 2024
Tutorials
- Svelte 5 Basics - Complete Svelte 5 Course for Beginners - Syntax (YouTube)
State Libraries
- 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.
- Sveltestrap (⭐143) - Bootstrap 4 & 5 components.
Table
- @vincjo/datatables (⭐459) - A toolkit for creating datatable components with Svelte.
Icons
- unplugin-icons (⭐4.1k) - Access thousands of icons as components on-demand universally.
- steeze-ui/icons (⭐179) - Effortless Icon Packs & Components for Svelte, React, Vue and more.
- lucide-svelte (⭐11k) - Implementation of the lucide icon library for svelte applications.
Calendar
- @schedule-x/svelte (⭐1.3k) - A material design event calendar library.
Maps
- svelte-maplibre (⭐339) - Svelte bindings for the MapLibre mapping library.
Miscellaneous
- Svelte Tweakpane UI - UI elements from Tweakpane wrapped in a collection of idiomatic Svelte components.
- svelte-speedometer (⭐16) - Svelte component for showing speedometer like gauge using d3.
Scaffold
- saasstarter (⭐1.4k) - A open source, fast, and free to host Svelte SaaS template.
- vite-svelte-docker-template (⭐0) - Template for Svelte + Docker + Vite + Vitest.
Forms
- Formsnap - High level Svelte components for forms, built on top of Superforms and Zod.
Internationalization / Form Components
- @i18n-pro/svelte (⭐9) - Lightweight, simple, flexible, automatic translation internationalization tool for Svelte.
Frameworks / Form Components
- SvelteKit - The fastest way to build Svelte apps.
- Elder.js (⭐2.1k) - Opinionated static site generator and web framework for Svelte built with SEO in mind. (pre-v5)
Lint / Form Components
- eslint-plugin-svelte (⭐304) - An ESLint plugin for Svelte using AST.
Jul 25, 2024
Maps
- esri-svelte (⭐15) - Web application that shows how to use the ArcGIS API for JavaScript with Svelte.
Jul 03, 2024
UI Libraries
- SVAR Core for Svelte (⭐50) - A collection of 20+ Svelte UI components for building fast-performing, interactive and responsive web apps.
Apr 26, 2024
UI Libraries
- daisyUI - The most popular component library for Tailwind CSS -
daisyUIadds component class names to Tailwind CSS so you can make beautiful websites faster than ever.
Apr 19, 2024
UI Libraries
- Svelte UX (⭐814) - Large collection of components, actions, stores, and utilities to build highly interactive applications
Charts
- LayerChart (⭐650) - Large collection of composable Svelte components to build a wide range of visualizations, built upon Layer Cake
Apr 18, 2024
UI Libraries
- AgnosUI - Highly configurable headless framework agnostic component library
Mar 10, 2024
Frameworks / Form Components
- svelte-document (⭐9) - Create documents (PDFs), resumes, or presentations entirely in Svelte.
Mar 08, 2024
State Libraries
- exome (⭐237) - Simple proxy based state manager for deeply nested states.
UI Libraries
- Skeleton - Skeleton uses Tailwind utility classes and design system to easily create theme-able user interfaces.
- M3 Svelte (⭐262) - Robust component library implementing Material Design 3
Feb 09, 2024
Miscellaneous
- css-3d-progress (⭐2) - A 3D Progress Bar component
Jan 18, 2024
UI Libraries
- Melt UI (⭐3.5k) - A collection of accessible, reusable, and composable headless component builders and utilities.
Dec 26, 2023
WebGL / Form Components
- threlte - Threlte is a renderer and component library for using Three.js in a declarative and state-driven way in Svelte apps.
Dec 04, 2023
Miscellaneous
- svelte-stepper (⭐145) - A Svelte component for building animated step flows.
Oct 26, 2023
Forms
- Superforms - SvelteKit library for handling server and client validation, and client-side display of forms.
Oct 25, 2023
PWA / Form Components
- SvelteKit-Adapter-Versioned-Worker (⭐11) - An easy-to-use service worker build plugin where you don't need to worry about cache durations.
Sep 09, 2023
UI Libraries
- STDF - Mobile web component library based on Svelte and Tailwind.
Jul 22, 2023
Official Resources
Jul 11, 2023
Notification
- svelte-sonner (⭐705) - An opinionated toast component for Svelte.
Internationalization / Form Components
- VoerkaI18n - Internationalization solution for
Javascript/Typescript/Vue/React/Solidjs/SvelteJs/ReactNative
Jun 16, 2023
Routers / Form Components
- Elegua (⭐77) - Small (< 180LoC), fast, easy, full featured SPA router
May 31, 2023
Calendar
- date-picker-svelte (⭐314) - A date and time picker for Svelte with clean UX.
Apr 26, 2023
UI Libraries
- Flowbite Svelte - Open-source Svelte UI components built with Tailwind CSS and Flowbite.
Feb 28, 2023
UI Libraries
- YeSvelte - YeSvelte is flexible Svelte UI component library built on top of Bootstrap css.
Jan 21, 2023
Miscellaneous
- svelte-splitpanes (⭐382) - Full featured resizeable views panels.
Forms
- svelte-form-builder (⭐69) - A No-code Drag n Drop Form Builder built for Svelte
Jan 19, 2023
State Libraries
- svelte-asyncable (⭐169) - The Svelte store contract with support for asynchronous values.
Miscellaneous
- mathjax-svelte (⭐0) - A Svelte component for MathJax.
Nov 17, 2022
Charts
- Layer Cake (⭐1.4k) - A framework for mostly-reusable graphics with svelte
Oct 09, 2022
Icons
- svelte-unicons (⭐3) - Unicons svg icons for Svelte based on @iconscout/unicons.
Sep 28, 2022
Mobile
- Capacitor - Build native mobile apps with web technology and Svelte.
Scaffold
- create-vite (⭐68k) - Generates scaffold for a vite + svelte app.
- create-svelte (⭐19k) - A CLI for creating a new SvelteKit project.
Sep 26, 2022
Routers / Form Components
- @shaun/svelterouter (⭐3) - Another vue-router inspired Svelte router.
Sep 08, 2022
Routers / Form Components
- @danielsharkov/svelte-router (⭐13) - A simple & easy to use SPA router, developed with page transitions in mind.
Jul 30, 2022
Icons
- svelte-icomoon (⭐5) - It makes it very simple to use SVG icons in your Svelte projects.
Jul 25, 2022
Preprocessing
- svelte-switch-case (⭐147) - Switch case syntax for Svelte.
Jul 23, 2022
UI Libraries
- ionic-svelte (⭐774) - Svelte integration with Ionic's UI for mobile app development, including many starters.
Jun 25, 2022
Notification
- svelte-french-toast (⭐877) - Buttery smooth toast notifications for Svelte, inspired by React Hot Toast. Lightweight, customizable, and beautiful by default.
Jun 01, 2022
Animations
- AutoAnimate - A zero-config, drop-in animation utility that adds smooth transitions to your Svelte app.
May 17, 2022
Forms
- svelte-formly (⭐253) - A good solution to generate and control a dynamic forms using core and custom rules with customize styles. (pre-v5)
Mar 10, 2022
Charts
- svelte-frappe-charts (⭐308) - Svelte bindings for frappe-charts.
Feb 26, 2022
UI Libraries
- AgnosticUI (⭐724) - Accessible Svelte Component Primitives (that also work with React, Vue 3, and Angular).
Feb 09, 2022
Internationalization / Form Components
- svelte-fluent (⭐96) - Components for easy integration of Fluent localization.
- svelte-i18n (⭐1.3k) - Internationalization library for Svelte.
- sveltekit-i18n (⭐503) - For integrating i18n style localization in SvelteKit.
Feb 02, 2022
Internationalization / Form Components
- @tolgee/svelte (⭐231) - Web-based localization tool enabling users to translate directly in the Svelte app they develop.
Feb 01, 2022
Grid
- svelte-flex (⭐77) - A simple and reusable flexbox component for Svelte.
Miscellaneous
- svelte-copyright (⭐16) - A Svelte component to format and display a copyright notice.
Jan 19, 2022
Icons
- svelte-heroicons (⭐8) - Icons, crafted by the creators of Tailwind CSS.
Jan 07, 2022
Forms
- felte - Extensible form library, with built-in Yup, Zod, Vest, and Superstruct validation.
- vest (⭐2.6k) - 🦺 Declarative form validation framework inspired by unit testing.
Oct 30, 2021
Notification
- @zerodevx/svelte-toast (⭐827) - Simple elegant toast notifications.
Oct 16, 2021
Miscellaneous
- svelte-tree-viewer (⭐16) - A lightweight component to render tree views.
Aug 27, 2021
Animations
- svelte-typewriter - A simple and reusable typewriter effect for your Svelte applications.
Aug 20, 2021
Fonts / Form Components
- svelte-web-fonts/google (⭐16) - Tiny component for easily loading Fonts via the Google Fonts API including autocompletion.
Jun 06, 2021
Mobile
- Svelte Native - Svelte controlling native components via Nativescript.
- Framework7 - Full featured HTML framework for building iOS & Android apps.
Grid
- svelte-grid-responsive (⭐55) - Bootstrap-inspired responsive grid system.
WebGL / Form Components
- svelthree (⭐485) - Component library for declarative construction of reactive and reusable three.js scene graphs.
Portal / Form Components
- svelte-portal (⭐444) - Component for rendering outside the DOM of parent component.
- svelte-teleport (⭐25) - A component to teleport elements across the DOM.
Routers / Form Components
- svelte-router-spa (⭐524) - Router adds routing to your Single Page Applications (SPA). Includes localisation, guards and nested layouts.
- svelte-routing (⭐2k) - A declarative Svelte routing library with SSR support.
- tinro (⭐678) - A tiny, dependency free and highly declarative router.
- svelte-spa-router (⭐1.6k) - Optimized for Single Page Applications (SPA) with hash based routing and support for parameters.
- svelte-client-router (⭐17) - Svelte Client Router is everything you need and think when routing SPA's.
Frameworks / Form Components
- Routify - Routes for Svelte, automated by your file structure.
- JungleJS - The Jamstack framework for Svelte with GraphQL. (pre-v5)
May 13, 2021
Table
- svelte-generic-crud-table (⭐67) - Agnostic web-component for object-arrays with CRUD functionality. Sort and resize columns. Multiple tables per page.
- svelte-generic-table-pager (⭐4) - Svelte-generic-crud-table with paginator.
Jan 16, 2021
YouTube Channels
Jan 11, 2021
Preprocessing
- svelte-preprocess (⭐1.8k) - A preprocessor for PostCSS, SCSS, Less, Stylus, Coffeescript, TypeScript, Pug and much more.
Jan 02, 2021
Community
- Japan Discord - Svelte 日本.
Dec 25, 2020
Community
Dec 23, 2020
Studies
- SvelteScaling - Does Svelte Scale? (pre-v5)
- Will it Scale? (⭐174) - Finding Svelte's inflection point. (pre-v5)
Scaffold
- svelte-pwa-template (⭐221) - A starter template for PWAs based in the official Template. (pre-v5)
Dec 22, 2020
UI Libraries
- attractions (⭐1k) - A pretty cool and modern UI kit. (pre-v5)
Dec 19, 2020
Icons
- svelte-awesome (⭐492) - Awesome SVG icon component, built with Font Awesome icons.
Dec 18, 2020
Preprocessing
- MDSveX (⭐2.4k) - Preprocessor for MDX markdown.
- svelte-preprocess-less (⭐13) - Preprocessor for less.
- modular-css (⭐288) - Preprocessor support for modular-css.
- svelte-preprocess-sass (⭐91) - Preprocessor for sass.
UI Libraries
- Svelte Material UI (⭐3.3k) - Material UI Components.
- Smelte (⭐1.5k) - UI framework with material components built with Tailwind CSS. (pre-v5)
Table
- svelte-table (⭐534) - A table implementation that allows sorting and filtering.
Notification
- svelte-notifications (⭐310) - Toast notifications component that can be used in any JS application.
Icons
- svelte-fa (⭐402) - Tiny FontAwesome 5 and 6 component.
- svelte-icons (⭐292) - Icon components.
Calendar
- svelte-fullcalendar (⭐197) - A component wrapper around FullCalendar.
Maps
- svelte-googlemaps (⭐79) - Google Maps component.
- svelte-mapbox (⭐345) - MapBox map and autocomplete components.
- leaflet-svelte (⭐51) - Svelte wrapper for Leaflet.
Forms / Form Components
- svelte-checkbox (⭐78) - A checkbox component (cool animation, customizable). (pre-v5)
- svelte-toggle (⭐22) - Basic toggle component with styling. (pre-v5)
Lint / Form Components
- prettier-plugin-svelte (⭐744) - Format your components using prettier.
- svelte-check - Check your code.
Test / Form Components
- svelte-jester (⭐128) - A Jest transformer to compile your components before importing them into tests.
Editors / Visual Studio Code
- Svelte for VS Code - Provides syntax highlighting and rich intellisense for your components.
Editors / Sublime Text
- Svelte - Syntax highlighting and support for Sublime Text.
Editors / Vim
- vim-svelte-plugin (⭐139) - Syntax highlighting and support for Vim.
- coc-svelte (⭐179) - Syntax highlighting and support for (Neo)Vim.
Editors / JetBrains
- Svelte - Syntax highlighting and support for JetBrains.
Nov 11, 2020
Test / Form Components
- @testing-library/svelte (⭐620) - Simple and complete Svelte DOM testing utilities that encourage good testing practices.
Oct 13, 2020
Official Resources
Community
Conferences
Podcasts
YouTube Channels
Preprocessing
- svelte-preprocess-markdown (⭐137) - Write Svelte components in markdown syntax.
UI Libraries
- carbon-components-svelte (⭐2.7k) - Svelte implementation of the IBM Carbon Design System.
Notification
- svelte-favicon-badge (⭐101) - A custom component that adds a favicon and a badge that you can use to show for example number of unread messages, etc.
Calendar
- svelte-calendar (⭐543) - A lightweight datepicker with neat animations and a unique UX.
Test / Form Components
- jest-transform-svelte (⭐35) - Jest Transformer for Svelte components.
Editors / Visual Studio Code
- Svelte 3 Snippets - Svelte 3 Snippets for VS Code.