rhetenor/awesome-awesomeness
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update lists

Browse Source
This commit is contained in:
Jonas Zeunert
2025-07-18 22:22:32 +02:00
parent 55bed3b4a1
commit 5916c5c074
3078 changed files with 331679 additions and 357255 deletions
Download Patch File Download Diff File Expand all files Collapse all files

263
terminal/svelte
View File

@@ -5,7 +5,7 @@
 
 Awesome Svelte !Awesome (https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg) (https://github.com/sindresorhus/awesome)
 Awesome Svelte !Awesome (https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg) (https://github.com/sindresorhus/awesome)
▐ ⚡ A curated list of awesome Svelte resources
@@ -15,46 +15,53 @@
Contents
- Resources (#resources)
 - Official Resources (#official-resources)
 - Community (#community)
 - Conferences (#conferences)
 - Podcasts (#podcasts)
 - YouTube Channels (#youtube-channels)
 - Tutorials (#tutorials)
 - Studies (#studies)
- Integrations (#integrations)
 - Preprocessing (#preprocessing)
 - Mobile (#mobile)
- UI Libraries (#ui-libraries)
- UI Components (#ui-components)
 - Table (#table)
 - Notification (#notification)
 - Grid (#grid)
 - Icons (#icons)
 - Calendar (#calendar)
 - Maps (#maps)
 - Form (#form)
 - Charts (#charts)
 - Miscellaneous (#miscellaneous)
- Scaffold (#scaffold)
 - Client (#client)
 - Universal (#universal)
- Utilities (#utilities)
 - Animations (#animations)
 - Form (#form-1)
 - WebGL (#webgl)
 - PWA (#pwa)
 - Portal (#portal)
 - Fonts (#fonts)
 - Internationalisation (#internationalisation)
- Routers (#routers)
- Frameworks (#frameworks)
- Dev Tools (#dev-tools)
 - Lint (#lint)
 - Docs (#docs)
 - Test (#test)
 - Editors (#editors)
- Awesome Svelte (#awesome-svelte-)
 - Contents (#contents)
 - Resources (#resources)
- **Official Resources** (#official-resources)
- **Community** (#community) 
- **Conferences** (#conferences) 
- **Podcasts** (#podcasts) 
- **YouTube Channels** (#youtube-channels) 
- **Tutorials** (#tutorials) 
- **Studies** (#studies) 
 - Integrations (#integrations)
- **Preprocessing** (#preprocessing)
- **Mobile** (#mobile) 
 - State Libraries (#state-libraries)
 - UI Libraries (#ui-libraries)
 - UI Components (#ui-components)
- **Table** (#table) 
- **Notification** (#notification) 
- **Grid** (#grid) 
- **Icons** (#icons) 
- **Calendar** (#calendar) 
- **Maps** (#maps) 
- **Charts** (#charts) 
- **Miscellaneous** (#miscellaneous)
 - Scaffold (#scaffold)
 - Utilities (#utilities)
- **Animations** (#animations) 
- **Drag \& Drop** (#drag--drop) 
- **Forms** (#forms) 
 - **Form Components** (#form-components) 
- **HTTP Requests** (#http-requests) 
- **Sound \& Video** (#sound--video) 
- **WebGL** (#webgl) 
- **PWA** (#pwa) 
- **Portal** (#portal) 
- **Fonts** (#fonts) 
- **Internationalization** (#internationalization)
 - Routers (#routers)
 - Frameworks (#frameworks)
 - Dev Tools (#dev-tools)
- **Lint** (#lint) 
- **Test** (#test) 
- **Editors** (#editors) 
 - **Visual Studio Code** (#visual-studio-code)
 - **Sublime Text** (#sublime-text) 
 - **Vim** (#vim) 
 - **JetBrains** (#jetbrains) 
Resources
@@ -84,34 +91,19 @@
- Svelte Society (https://www.youtube.com/channel/UCZSr5B0l07JXK2FIeWA0-jw)
- Svelte Mastery (https://www.youtube.com/channel/UCg6SQd5jnWo5Y70rZD9SQFA)
- Joy of Code (https://www.youtube.com/@JoyofCodeDev)
Tutorials
- Getting Started with Svelte 3 (https://www.digitalocean.com/community/tutorials/getting-started-with-svelte-3) - DigitalOcean.
- Develop a complete application with Svelte and TypeScript (https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Svelte_getting_started) - MDN Web Docs.
- An Introduction to Actions (https://svelte.school/tutorials/introduction-to-actions) - Svelte School.
- Svelte Tutorial for Beginners (https://www.youtube.com/playlist?list=PL4cUxeGkcC9hlbrVO_2QFVqVPhlZmz7tO) - The Net Ninja (YouTube).
- Sapper Tutorial (Crash Course) (https://www.youtube.com/playlist?list=PL4cUxeGkcC9gdr4Qhx83gBBcID-KMe-PQ) - The Net Ninja (YouTube).
- SvelteJS Series - tutorials and talks (https://www.youtube.com/playlist?list=PLKUl5gVuvLjh7l0SDn-BoZtMgN3TDMNPd) - SpinSpire (YouTube).
- Svelte Stores (https://www.youtube.com/playlist?list=PLoKaNN3BjQX3fG-XOSwsPHtnV8FUY6lgK) - @lihautan (YouTube).
- Svelte Actions (https://www.youtube.com/playlist?list=PLoKaNN3BjQX3Gl14MBygFf8buPIw9pAeK) - @lihautan (YouTube).
- Svelte 101 (https://www.youtube.com/hashtag/svelte101) - @lihautan (YouTube).
- Learn Svelte by building a habit tracker app (https://raddevon.com/articles/learn-svelte-by-building-a-habit-tracker-app/) - RadDevon.
- Meet Svelte 3, a Powerful, Even Radical JavaScript Framework (https://www.sitepoint.com/svelte-javascript-framework-introduction/) - SitePoint, by Chrome DevTools engineer @Jack_Franklin.
- Create your blog with SvelteKit (https://svelteland.github.io/svelte-kit-blog-demo/) - @zhuzilin (Github).
- Typescript + Svelte Cheatsheet (https://github.com/ivanhofer/sveltekit-typescript-showcase) - An overview of all TypeScript related topics for Svelte and SvelteKit - @ivanhofer (Github).
- Mutiple Paid Svelte/Sveltekit tutourials - LevelUpTutourials (https://levelup.video/library?tags=svelte#library-grid)
- Mutiple Free Svelte Tutourials - Joy Of Code (https://joyofcode.xyz/categories/svelte)
- Mutiple Free Sveltekit Tutourials - Joy Of Code (https://joyofcode.xyz/categories/sveltekit)
- Setup Authentication with AuthJS and Sveltekit 2.0 (https://www.youtube.com/watch?v=ridRgYSJ0ds) - @bradcypert (YouTube)
- Getting Started with Svelte 5: A Guide for React Developers (https://www.edistys.dev/blog/getting-started-with-svelte-5-a-guide-for-react-developers) - Edistys
- Svelte 5 Basics - Complete Svelte 5 Course for Beginners (https://www.youtube.com/watch?v=8DQailPy3q8) - Syntax (YouTube)
Studies
_Studies and research on the Svelte framework._
- SvelteScaling (https://svelte-scaling.acmion.com/) - Does Svelte Scale?
- Will it Scale? (https://github.com/halfnelson/svelte-it-will-scale) - Finding Svelte's inflection point.
- JavaScript Frameworks Performance Comparison (https://medium.com/javascript-in-plain-english/javascript-frameworks-performance-comparison-2020-cd881ac21fce) - Performance of Svelte and other top javascript frameworks.
- SvelteScaling (https://svelte-scaling.acmion.com/) - Does Svelte Scale? _(pre-v5)_
- Will it Scale? (https://github.com/halfnelson/svelte-it-will-scale) - Finding Svelte's inflection point. _(pre-v5)_
Integrations
@@ -119,12 +111,12 @@
- svelte-preprocess (https://github.com/sveltejs/svelte-preprocess) - A preprocessor for PostCSS, SCSS, Less, Stylus, Coffeescript, TypeScript, Pug and much more.
- MDSveX (https://github.com/pngwn/MDsveX) - Preprocessor for MDX markdown.
- svelte-preprocess-markdown (https://github.com/AlexxNB/svelte-preprocess-markdown) - Write Svelte components in markdown syntax.
- svelte-switch-case (https://github.com/l-portet/svelte-switch-case) - Switch case syntax for Svelte.
- svelte-preprocess-less (https://github.com/ls-age/svelte-preprocess-less) - Preprocessor for less.
- modular-css (https://github.com/tivac/modular-css/tree/main/packages/svelte) - Preprocessor support for modular-css.
- svelte-preprocess-postcss (https://github.com/TehShrike/svelte-preprocess-postcss) - Use PostCSS to preprocess your styles in Svelte components.
- svelte-preprocess-sass (https://github.com/ls-age/svelte-preprocess-sass) - Preprocessor for sass.
- svelte-switch-case (https://github.com/l-portet/svelte-switch-case) - Switch case syntax for Svelte.
- svelte-preprocess-markdown (https://github.com/AlexxNB/svelte-preprocess-markdown) - Write Svelte components in markdown syntax.
- @nvl/sveltex (https://github.com/nvlang/sveltex) - Svelte + Markdown + LaTeX.
Mobile
@@ -136,30 +128,36 @@
State Libraries
- Svelte-Domain (https://github.com/thegenius/svelte-domain) - The state management for svelte.
- svelte-asyncable (https://github.com/sveltetools/svelte-asyncable) - The Svelte store contract with support for asynchronous values.
- exome (https://github.com/Marcisbee/exome) - Simple proxy based state manager for deeply nested states.
- tanstack-store (https://tanstack.com/store/latest/docs/framework/svelte/quick-start) - Framework agnostic type-safe store w/ reactive framework adapters.
-
UI Libraries
- AgnosticUI (https://github.com/agnosticui/agnosticui) - Accessible Svelte Component Primitives (that also work with React, Vue 3, and Angular).
- lomer-ui (https://ui.lomer.dev) - A dead-simple CLI tool to instantly kickstart your components.
- shadcn-svelte (https://www.shadcn-svelte.com/) - Beautifully designed components that you can copy and paste into your apps.
- SvelteUI (https://svelteui.dev/) - all inclusive Svelte library - Components, Actions, Utilities, Animations.
- Flowbite Svelte (https://flowbite-svelte.com/) - Open-source Svelte UI components built with Tailwind CSS and Flowbite.
- Sveltestrap (https://github.com/bestguy/sveltestrap) - Bootstrap 4 & 5 components.
- Smelte (https://github.com/matyunya/smelte) - UI framework with material components built with Tailwind CSS.
- Svelte Material UI (https://github.com/hperrin/svelte-material-ui) - Material UI Components.
- carbon-components-svelte (https://github.com/IBM/carbon-components-svelte) - Svelte implementation of the IBM Carbon Design System.
- Melt UI (https://github.com/melt-ui/melt-ui) - A collection of accessible, reusable, and composable headless component builders and utilities.
- Radix Svelte (https://github.com/radix-svelte/radix-svelte) - An unofficial community-led Svelte port of Radix UI Primitives
- attractions (https://github.com/illright/attractions) - A pretty cool and modern UI kit
- svelte-chota (https://github.com/AlexxNB/svelte-chota) - Component library built with Chota, a super light-weight CSS framework
- ionic-svelte (https://github.com/Tommertom/svelte-ionic-app) - Svelte integration with Ionic's UI for mobile app development, including many starters.
- Svelte UI (https://www.svelteui.org/) - SvelteUI is an all inclusive Svelte library.
- YeSvelte (https://www.yesvelte.com/) - YeSvelte is flexible Svelte UI component library built on top of Bootstrap css.
- Skeleton (https://www.skeleton.dev/docs/get-started) - Skeleton uses Tailwind utility classes and design system to easily create theme-able user interfaces.
- Sveltestrap (https://github.com/sveltestrap/sveltestrap) - Bootstrap 4 & 5 components.
- carbon-components-svelte (https://github.com/IBM/carbon-components-svelte) - Svelte implementation of the IBM Carbon Design System.
- Svelte Material UI (https://github.com/hperrin/svelte-material-ui) - Material UI Components.
- Melt UI (https://github.com/melt-ui/melt-ui) - A collection of accessible, reusable, and composable headless component builders and utilities.
- attractions (https://github.com/illright/attractions) - A pretty cool and modern UI kit. _(pre-v5)_
- ionic-svelte (https://github.com/Tommertom/svelte-ionic-app) - Svelte integration with Ionic's UI for mobile app development, including many starters.
- YeSvelte (https://www.yesvelte.com/) - YeSvelte is flexible Svelte UI component library built on top of Bootstrap css.
- Svelte UX (https://github.com/techniq/svelte-ux) - Large collection of components, actions, stores, and utilities to build highly interactive applications
- STDF (https://stdf.design) - Mobile web component library based on Svelte and Tailwind.
- M3 Svelte (https://github.com/KTibow/m3-svelte) - Robust component library implementing Material Design 3
- AgnosUI (https://amadeusitgroup.github.io/AgnosUI/latest/) - Highly configurable headless framework agnostic component library
- daisyUI (https://daisyui.com/) - 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.
- Smelte (https://github.com/matyunya/smelte) - UI framework with material components built with Tailwind CSS. _(pre-v5)_
- SVAR Core for Svelte (https://github.com/svar-widgets/core) - A collection of 20+ Svelte UI components for building fast-performing, interactive and responsive web apps.
- AgnosticUI (https://github.com/agnosticui/agnosticui) - Accessible Svelte Component Primitives (that also work with React, Vue 3, and Angular).
- Svelte Animations (https://animation-svelte.vercel.app) - Consist of Svelte Magic UI, Svelte Aceternity UI, Svelte Luxe Components over 200+ Free Animation Components & 2 Templates 
- Svelte Marketing Blocks (https://sv-blocks.vercel.app) - A powerful library of 100+ marketing and UI blocks built using Shadcn Svelte, Tailwind CSS v4, and Svelte 5.
- Quaff (https://quaff.dev) - An extensive UI framework featuring modern and elegant components following Material Design 3 principles.
UI Components
@@ -167,10 +165,15 @@
_Tables and data grids._
- svelte-simple-datatables (https://github.com/vincjo/svelte-simple-datatables) - A Datatable component for Svelte
- @vincjo/datatables (https://github.com/vincjo/datatables) - A toolkit for creating datatable components with Svelte.
- svelte-table (https://github.com/dasDaniel/svelte-table) - A table implementation that allows sorting and filtering.
- svelte-generic-crud-table (https://github.com/ivosdc/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 (https://github.com/ivosdc/svelte-generic-table-pager) - Svelte-generic-crud-table with paginator.
- powertable (https://github.com/muonw/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 (https://github.com/jjagielka/svelte-pivottable) - Svelte-based pivot table library with drag'n'drop functionality.
- svelte-datagrid (https://github.com/revolist/svelte-datagrid) - Powerful data grid library based on revogrid (https://rv-grid.com) with best features from Excel.
- @wjfe/dataview (https://github.com/WJSoftware/wjfe-dataview) - 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.
Notification
@@ -189,13 +192,18 @@
Icons
- svelte-fa (https://github.com/Cweili/svelte-fa) - Tiny FontAwesome 5 component.
- svelte-simple-icons (https://github.com/beyonk-adventures/svelte-simple-icons) - Simple Icons component.
- unplugin-icons (https://github.com/unplugin/unplugin-icons) - Access thousands of icons as components on-demand universally.
- svelte-fa (https://github.com/Cweili/svelte-fa) - Tiny FontAwesome 5 and 6 component.
- svelte-awesome (https://github.com/RobBrazier/svelte-awesome) - Awesome SVG icon component, built with Font Awesome icons.
- steeze-ui/icons (https://github.com/steeze-ui/icons) - Effortless Icon Packs & Components for Svelte, React, Vue and more.
- svelte-icons (https://github.com/AnxiousDarkly/svelte-icons) - Icon components.
- svelte-heroicons (https://github.com/krowten/svelte-heroicons) - Icons, crafted by the creators of Tailwind CSS.
- svelte-icomoon (https://github.com/aykutkardas/svelte-icomoon) - It makes it very simple to use SVG icons in your Svelte projects.
- svelte-unicons (https://github.com/devShamim/svelte-unicons) - Unicons svg icons for Svelte based on @iconscout/unicons.
- lucide-svelte (https://github.com/lucide-icons/lucide) - Implementation of the lucide icon library for svelte applications.
- svelte-icons-pack (https://github.com/leshak/svelte-icons-pack) - Based on .
- svesome (https://github.com/pouchlabs/svesome) - A fontawesome v6 icons wrapper for svelte its awesome.
- moving icons (https://github.com/jis3r/icons) - A collection of beautifully crafted, animated Lucide icons.
Calendar
@@ -204,23 +212,15 @@
- svelte-fullcalendar (https://github.com/YogliB/svelte-fullcalendar) - A component wrapper around FullCalendar.
- svelte-calendar (https://github.com/6eDesign/svelte-calendar) - A lightweight datepicker with neat animations and a unique UX.
- date-picker-svelte (https://github.com/probablykasper/date-picker-svelte) - A date and time picker for Svelte with clean UX.
- @schedule-x/svelte (https://github.com/schedule-x/schedule-x) - A material design event calendar library.
Maps
- svelte-googlemaps (https://github.com/beyonk-adventures/svelte-googlemaps) - Google Maps component.
- svelte-mapbox (https://github.com/beyonk-adventures/svelte-mapbox) - MapBox map and autocomplete components.
- leaflet-svelte (https://github.com/anoram/leaflet-svelte) - Svelte wrapper for Leaflet.
Form
_Lets the user create and edit data._
Checkbox
_Switch / on/off toggle / checkbox._
- svelte-checkbox (https://github.com/HosseinShabani/svelte-checkbox) - A checkbox component (cool animation, customizable).
- svelte-toggle (https://github.com/beyonk-adventures/svelte-toggle) - Basic toggle component with styling.
- esri-svelte (https://github.com/gavinr-maps/esri-svelte-example) - Web application that shows how to use the ArcGIS API for JavaScript with Svelte.
- svelte-maplibre (https://github.com/dimfeld/svelte-maplibre) - Svelte bindings for the MapLibre mapping library.
Charts
@@ -228,14 +228,22 @@
- Layer Cake (https://github.com/mhkeller/layercake) - A framework for mostly-reusable graphics with svelte
- LayerChart (https://github.com/techniq/layerchart) - Large collection of composable Svelte components to build a wide range of visualizations, built upon Layer Cake
Graphs
- svelte-flow (https://svelteflow.dev) - A customizable Svelte component for building node-based editors and interactive diagrams by the creators of React Flow
Miscellaneous
- Svelte Tweakpane UI (https://kitschpatrol.com/svelte-tweakpane-ui) - UI elements from Tweakpane (https://tweakpane.github.io/docs/) wrapped in a collection of idiomatic Svelte components.
- svelte-tree-viewer (https://github.com/kpulkit29/svelte-tree-viewer) - A lightweight component to render tree views.
- svelte-copyright (https://github.com/himynameisdave/svelte-copyright) - A Svelte component to format and display a copyright notice.
- svelte-splitpanes (https://github.com/orefalo/svelte-splitpanes) - Full featured resizeable views panels
- svelte-splitpanes (https://github.com/orefalo/svelte-splitpanes) - Full featured resizeable views panels.
- mathjax-svelte (https://github.com/WoolDoughnut310/mathjax-svelte) - A Svelte component for MathJax.
- svelte-stepper (https://github.com/efstajas/svelte-stepper) - A Svelte component for building animated step flows.
- css-3d-progress (https://github.com/rofixro/css-3d-progress) - A 3D Progress Bar component
- svelte-speedometer (https://github.com/palerdot/svelte-speedometer) - Svelte component for showing speedometer like gauge using d3.
- embedz (https://github.com/embedz/embedz) - Easy, dependency free embeds for Svelte and Vue.
- Edra (https://edra.tsuzat.com) - Best Rich Text Editor, made for Svelte Developers with Tiptap.
Scaffold
@@ -243,8 +251,11 @@
- create-vite (https://github.com/vitejs/vite/tree/main/packages/create-vite#readme) - Generates scaffold for a vite + svelte app.
- create-svelte (https://github.com/sveltejs/kit/tree/master/packages/create-svelte#readme) - A CLI for creating a new SvelteKit project.
- component-template (https://github.com/sveltejs/component-template) - A base for building shareable components.
- svelte-pwa-template (https://github.com/tretapey/svelte-pwa) - A starter template for PWAs based in the official Template.
- saasstarter (https://github.com/CriticalMoments/CMSaasStarter) - A open source, fast, and free to host Svelte SaaS template.
- svelte-pwa-template (https://github.com/tretapey/svelte-pwa) - A starter template for PWAs based in the official Template. _(pre-v5)_
- vite-svelte-docker-template (https://github.com/bavragor/vite-svelte-docker-template) - Template for Svelte + Docker + Vite + Vitest.
- svelte-docs-starter (https://github.com/code-gio/svelte-docs-starter) - A modern documentation template built with Svelte 5, MDSvex, and Tailwind CSS.
- template-svelte (https://github.com/phaserjs/template-svelte) - An official quickstart template with Phaser.
Utilities
@@ -253,20 +264,41 @@
- AutoAnimate (https://auto-animate.formkit.com/) - A zero-config, drop-in animation utility that adds smooth transitions to your Svelte app.
- svelte-typewriter (https://github.com/henriquehbr/svelte-typewriter) - A simple and reusable typewriter effect for your Svelte applications.
Form
Drag & Drop
- neodrag (https://github.com/PuruVJ/neodrag) - One Draggable to rule them all 💍.
Forms
- svelte-forms-lib (https://github.com/tjinauyeung/svelte-forms-lib) - A lightweight library for managing forms.
- Superforms (https://superforms.rocks) - SvelteKit library for handling server and client validation, and client-side display of forms.
- Formsnap (https://www.formsnap.dev/) - High level Svelte components for forms, built on top of Superforms and Zod.
- felte (https://felte.dev/) - Extensible form library, with built-in Yup, Zod, Vest, and Superstruct validation.
- vest (https://github.com/ealush/vest) - 🦺 Declarative form validation framework inspired by unit testing.
- svelte-formly (https://github.com/arabdevelop/svelte-formly) - A good solution to generate and control a dynamic forms using core and custom rules with customize styles.
- svelte-form-builder (https://github.com/pragmatic-engineering/svelte-form-builder-community) - A No-code Drag n Drop Form Builder built for Svelte
- Formsnap (https://www.formsnap.dev/docs/introduction) - High level Svelte components for forms, built on top of Superforms and Zod.
- svelte-formly (https://github.com/arabdevelop/svelte-formly) - A good solution to generate and control a dynamic forms using core and custom rules with customize styles. _(pre-v5)_
- svelte-form-builder (https://github.com/pragmatic-engineering/svelte-form-builder-community) - A No-code Drag n Drop Form Builder built for Svelte.
- Svelte Form Builder (https://svelte-form-builder.vercel.app) - Create forms with Shadcn Svelte, Superforms and ZOD | Valibot Schema within minutes.
Form Components
_Individual form components._
- svelte-checkbox (https://github.com/HosseinShabani/svelte-checkbox) - A checkbox component (cool animation, customizable). _(pre-v5)_
- svelte-toggle (https://github.com/beyonk-adventures/svelte-toggle) - Basic toggle component with styling. _(pre-v5)_
HTTP Requests
- sswr (https://github.com/ConsoleTVs/sswr) - Svelte stale while revalidate (SWR) data fetching strategy.
- svelte-query (https://sveltequery.vercel.app/) - Fetch, cache and update data in your Svelte applications all without touching any "global state".
- tanstack-svelte-query (https://tanstack.com/query/latest/docs/svelte/overview) - Framework agnostic type-safe query and mutation library for Svelte.
Sound & Video
- svelte-sound (https://github.com/Rajaniraiyn/svelte-sound) - Svelte Actions to play interaction sounds on target DOM events.
WebGL
- svelthree (https://github.com/vatro/svelthree) - Component library for declarative construction of reactive and reusable three.js scene graphs.
- threlte (https://threlte.xyz) - Svelte wrapper for three.js
- threlte (https://threlte.xyz) - Threlte is a renderer and component library for using Three.js in a declarative and state-driven way in Svelte apps.
PWA
@@ -281,13 +313,15 @@
- svelte-web-fonts/google (https://github.com/svelte-web-fonts/google) - Tiny component for easily loading Fonts via the Google Fonts API including autocompletion.
Internationalisation
Internationalization
- svelte-fluent (https://github.com/nubolab-ffwd/svelte-fluent) - Components for easy integration of Fluent (https://projectfluent.org/) localization.
- svelte-i18n (https://github.com/kaisermann/svelte-i18n) - Internationalization library for Svelte.
- VoerkaI18n (https://zhangfisher.github.io/voerka-i18n/) - Internationalization solution for Javascript/Typescript/Vue/React/Solidjs/SvelteJs/ReactNative
- sveltekit-i18n (https://github.com/jarda-svoboda/sveltekit-i18n) - For integrating i18n (https://www.npmjs.com/package/i18n) style localization in SvelteKit.
- @tolgee/svelte (https://github.com/tolgee/tolgee-js/tree/main/packages/svelte) - Web-based localization tool enabling users to translate directly in the Svelte app they develop.
- @i18n-pro/svelte (https://github.com/i18n-pro/svelte) - Lightweight, simple, flexible, automatic translation internationalization tool for Svelte.
- ParaglideJS (https://inlang.com/m/dxnzrydw/library-inlang-paraglideJsAdapterSvelteKit) - Tiny, typesafe i18n library with translated links out of the box.
Routers
@@ -301,13 +335,16 @@
- @danielsharkov/svelte-router (https://github.com/DanielSharkov/svelte-router) - A simple & easy to use SPA router, developed with page transitions in mind.
- @shaun/svelterouter (https://github.com/shaunlee/svelterouter) - Another vue-router inspired Svelte router.
- Elegua (https://github.com/howesteve/elegua) - Small (< 180LoC), fast, easy, full featured SPA router
- svelte5-router (https://github.com/mateothegreat/svelte5-router) - First Svelte 5 SPA router with nesting, hooks, and more.. Use components, snippets, or both!
- @wjfe/n-savant (https://github.com/WJSoftware/wjfe-n-savant) - Fast, reactive router with always-on path and hash routing, and the router that invented multi-hash routing.
- sv-router (https://github.com/colinlienard/sv-router) - Type-safe SPA router with file-based or code-based routing.
Frameworks
- SvelteKit (https://kit.svelte.dev/) - The fastest way to build Svelte apps.
- Elder.js (https://elderguide.com/tech/elderjs/) - Opinionated static site generator and web framework for Svelte built with SEO in mind.
- SvelteKit (https://svelte.dev/docs/kit/introduction) - The fastest way to build Svelte apps.
- Routify (https://routify.dev/) - Routes for Svelte, automated by your file structure.
- JungleJS (https://www.junglejs.org/) - The Jamstack framework for Svelte with GraphQL.
- Elder.js (https://github.com/elderjs/elderjs) - Opinionated static site generator and web framework for Svelte built with SEO in mind. _(pre-v5)_
- JungleJS (https://www.junglejs.org/) - The Jamstack framework for Svelte with GraphQL. _(pre-v5)_
- svelte-document (https://github.com/mblouka/svelte-document) - Create documents (PDFs), resumes, or presentations entirely in Svelte.
Dev Tools
@@ -318,15 +355,7 @@
- prettier-plugin-svelte (https://github.com/sveltejs/prettier-plugin-svelte) - Format your components using prettier.
- svelte-check (https://www.npmjs.com/package/svelte-check) - Check your code.
- eslint-plugin-svelte (https://github.com/ota-meshi/eslint-plugin-svelte) - An ESLint plugin for Svelte using AST.
Docs
_Create documentation._
- svelte-docs (https://github.com/AlexxNB/svelte-docs) - A rapid way to write documentation for your Svelte components.
- sveltedoc-parser (https://github.com/alexprey/sveltedoc-parser) - Generate a JSON documentation for your component.
- svelte-docster (https://github.com/TheComputerM/svelte-docster) - Generate metadata about your Svelte files from jsdoc.
- eslint-plugin-svelte (https://github.com/sveltejs/eslint-plugin-svelte) - An ESLint plugin for Svelte using AST.
Test
@@ -343,21 +372,17 @@
- Svelte for VS Code (https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode) - Provides syntax highlighting and rich intellisense for your components.
- Svelte 3 Snippets (https://marketplace.visualstudio.com/items?itemName=fivethree.vscode-svelte-snippets) - Svelte 3 Snippets for VS Code.
Atom
- ide-svelte (https://atom.io/packages/ide-svelte) - Provides syntax highlighting and rich intellisense for your components.
- language-svelte (https://atom.io/packages/language-svelte) - Provides syntax highlighting for components, directives and other Svelte specific syntax in Atom.
Sublime Text
- Svelte (https://packagecontrol.io/packages/Svelte) - Syntax highlighting and support for Sublime Text.
Vim
- vim-svelte (https://github.com/evanleck/vim-svelte) - Vim syntax highlighting and indentation for Svelte 3 components.
- vim-svelte-plugin (https://github.com/leafOfTree/vim-svelte-plugin) - Syntax highlighting and support for Vim.
- coc-svelte (https://github.com/coc-extensions/coc-svelte) - Syntax highlighting and support for (Neo)Vim.
JetBrains
- Svelte (https://plugins.jetbrains.com/plugin/12375-svelte) - Syntax highlighting and support for JetBrains.
svelte Github: https://github.com/TheComputerM/awesome-svelte