{"id":204,"url":"https://github.com/TheComputerM/awesome-svelte","last_synced_at":"2025-08-13T19:32:49.595Z","repository":{"id":37727254,"uuid":"299685925","full_name":"TheComputerM/awesome-svelte","owner":"TheComputerM","description":"⚡ A curated list of awesome Svelte resources","archived":false,"fork":false,"pushed_at":"2024-11-01T17:14:39.000Z","size":215,"stargazers_count":1560,"open_issues_count":3,"forks_count":126,"subscribers_count":38,"default_branch":"main","last_synced_at":"2024-12-09T09:52:41.074Z","etag":null,"topics":["awesome","awesome-list","sapper","svelte","sveltejs"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"cc0-1.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/TheComputerM.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-09-29T17:12:07.000Z","updated_at":"2024-12-09T06:35:36.000Z","dependencies_parsed_at":"2023-02-14T13:30:40.056Z","dependency_job_id":"802d67f6-c2ef-4648-88b0-3fc966ff617c","html_url":"https://github.com/TheComputerM/awesome-svelte","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TheComputerM%2Fawesome-svelte","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TheComputerM%2Fawesome-svelte/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TheComputerM%2Fawesome-svelte/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TheComputerM%2Fawesome-svelte/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/TheComputerM","download_url":"https://codeload.github.com/TheComputerM/awesome-svelte/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":229780026,"owners_count":18122914,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["awesome","awesome-list","sapper","svelte","sveltejs"],"created_at":"2024-01-05T20:12:49.130Z","updated_at":"2025-08-13T19:32:49.564Z","avatar_url":"https://github.com/TheComputerM.png","language":null,"funding_links":[],"categories":["Front-End Development","Others","I will not update this list in the future. If you want to contribute, please hop over into the other [repo](https://github.com/seblammers/awesome-svelte-and-d3-website).","Uncategorized","Programming Languages","Live Site:   [searchAwesome](https://search-awesome.vercel.app/)","Svelte","Other Lists","语言资源库","কিছু Awesome ডেভেলপমেন্ট রিসোর্স","링크","Themed Directories"],"sub_categories":["Uncategorized","JavaScript","TeX Lists","Misc","awesome-library","ফ্রেমওয়ার্ক \u0026 লাইব্রেরী","👥 Contributors","Updated this week"],"readme":"\u003cp align=\"center\"\u003e\n  \u003cbr\u003e\n  \u003cimg width=\"200\" src=\"./awesome-svelte.svg\" alt=\"awesome-svelte logo\"\u003e\n  \u003cbr\u003e\n  \u003cbr\u003e\n\u003c/p\u003e\n\n# Awesome Svelte [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)\n\n\u003e ⚡ A curated list of awesome Svelte resources\n\n[Svelte](https://svelte.dev/) is a new way to build web applications. It's a compiler that takes your declarative components and converts them into efficient JavaScript\n\nContributions welcome. Add links through pull requests or create an issue to start a discussion.\n\n## Contents\n\n- [Awesome Svelte](#awesome-svelte-)\n  - [Contents](#contents)\n  - [Resources](#resources)\n    - [Official Resources](#official-resources)\n    - [Community](#community)\n    - [Conferences](#conferences)\n    - [Podcasts](#podcasts)\n    - [YouTube Channels](#youtube-channels)\n    - [Tutorials](#tutorials)\n    - [Studies](#studies)\n  - [Integrations](#integrations)\n    - [Preprocessing](#preprocessing)\n    - [Mobile](#mobile)\n  - [State Libraries](#state-libraries)\n  - [UI Libraries](#ui-libraries)\n  - [UI Components](#ui-components)\n    - [Table](#table)\n    - [Notification](#notification)\n    - [Grid](#grid)\n    - [Icons](#icons)\n    - [Calendar](#calendar)\n    - [Maps](#maps)\n    - [Charts](#charts)\n    - [Miscellaneous](#miscellaneous)\n  - [Scaffold](#scaffold)\n  - [Utilities](#utilities)\n    - [Animations](#animations)\n    - [Drag \\\u0026 Drop](#drag--drop)\n    - [Forms](#forms)\n      - [Form Components](#form-components)\n    - [HTTP Requests](#http-requests)\n    - [Sound \\\u0026 Video](#sound--video)\n    - [WebGL](#webgl)\n    - [PWA](#pwa)\n    - [Portal](#portal)\n    - [Fonts](#fonts)\n    - [Internationalization](#internationalization)\n  - [Routers](#routers)\n  - [Frameworks](#frameworks)\n  - [Dev Tools](#dev-tools)\n    - [Lint](#lint)\n    - [Test](#test)\n    - [Editors](#editors)\n      - [Visual Studio Code](#visual-studio-code)\n      - [Sublime Text](#sublime-text)\n      - [Vim](#vim)\n      - [JetBrains](#jetbrains)\n\n## Resources\n\n### Official Resources\n\n- [Official Guide](https://svelte.dev/tutorial)\n- [API Reference](https://svelte.dev/docs)\n- [GitHub Repo](https://github.com/sveltejs/svelte)\n- [Changelog](https://github.com/sveltejs/svelte/blob/master/packages/svelte/CHANGELOG.md)\n\n### Community\n\n- [Twitter](https://twitter.com/sveltejs)\n- [Discord](https://svelte.dev/chat)\n- [Reddit](https://www.reddit.com/r/sveltejs/)\n- [Japan Discord](https://discord.com/invite/YTXq3ZtBbx) - Svelte 日本.\n\n### Conferences\n\n- [Svelte Summit](https://sveltesummit.com/)\n\n### Podcasts\n\n- [Svelte Radio](https://www.svelteradio.com/)\n\n### YouTube Channels\n\n- [Svelte Society](https://www.youtube.com/channel/UCZSr5B0l07JXK2FIeWA0-jw)\n- [Svelte Mastery](https://www.youtube.com/channel/UCg6SQd5jnWo5Y70rZD9SQFA)\n- [Joy of Code](https://www.youtube.com/@JoyofCodeDev)\n\n### Tutorials\n\n- [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\n- [Svelte 5 Basics - Complete Svelte 5 Course for Beginners](https://www.youtube.com/watch?v=8DQailPy3q8) - Syntax (YouTube)\n\n### Studies\n\n_Studies and research on the Svelte framework._\n\n- [SvelteScaling](https://svelte-scaling.acmion.com/) - Does Svelte Scale? _(pre-v5)_\n- [Will it Scale?](https://github.com/halfnelson/svelte-it-will-scale) - Finding Svelte's inflection point. _(pre-v5)_\n\n## Integrations\n\n### Preprocessing\n\n- [svelte-preprocess](https://github.com/sveltejs/svelte-preprocess) - A preprocessor for PostCSS, SCSS, Less, Stylus, Coffeescript, TypeScript, Pug and much more.\n- [MDSveX](https://github.com/pngwn/MDsveX) - Preprocessor for MDX markdown.\n- [svelte-switch-case](https://github.com/l-portet/svelte-switch-case) - Switch case syntax for Svelte.\n- [svelte-preprocess-less](https://github.com/ls-age/svelte-preprocess-less) - Preprocessor for less.\n- [modular-css](https://github.com/tivac/modular-css/tree/main/packages/svelte) - Preprocessor support for modular-css.\n- [svelte-preprocess-sass](https://github.com/ls-age/svelte-preprocess-sass) - Preprocessor for sass.\n- [svelte-preprocess-markdown](https://github.com/AlexxNB/svelte-preprocess-markdown) - Write Svelte components in markdown syntax.\n- [@nvl/sveltex](https://github.com/nvlang/sveltex) - Svelte + Markdown + LaTeX.\n\n### Mobile\n\n_UI frameworks for mobile._\n\n- [Svelte Native](https://svelte-native.technology/) - Svelte controlling native components via Nativescript.\n- [Framework7](https://framework7.io/svelte/) - Full featured HTML framework for building iOS \u0026 Android apps.\n- [Capacitor](https://capacitorjs.com/solution/svelte) - Build native mobile apps with web technology and Svelte.\n\n## State Libraries\n\n- [svelte-asyncable](https://github.com/sveltetools/svelte-asyncable) - The Svelte store contract with support for asynchronous values.\n- [exome](https://github.com/Marcisbee/exome) - Simple proxy based state manager for deeply nested states.\n- [tanstack-store](https://tanstack.com/store/latest/docs/framework/svelte/quick-start) - Framework agnostic type-safe store w/ reactive framework adapters.\n-\n\n## UI Libraries\n\n- [lomer-ui](https://ui.lomer.dev) - A dead-simple CLI tool to instantly kickstart your components.\n- [shadcn-svelte](https://www.shadcn-svelte.com/) - Beautifully designed components that you can copy and paste into your apps.\n- [SvelteUI](https://svelteui.dev/) - all inclusive Svelte library - Components, Actions, Utilities, Animations.\n- [Flowbite Svelte](https://flowbite-svelte.com/) - Open-source Svelte UI components built with Tailwind CSS and Flowbite.\n- [Skeleton](https://www.skeleton.dev/docs/get-started) - Skeleton uses Tailwind utility classes and design system to easily create theme-able user interfaces.\n- [Sveltestrap](https://github.com/sveltestrap/sveltestrap) - Bootstrap 4 \u0026 5 components.\n- [carbon-components-svelte](https://github.com/IBM/carbon-components-svelte) - Svelte implementation of the IBM Carbon Design System.\n- [Svelte Material UI](https://github.com/hperrin/svelte-material-ui) - Material UI Components.\n- [Melt UI](https://github.com/melt-ui/melt-ui) - A collection of accessible, reusable, and composable headless component builders and utilities.\n- [attractions](https://github.com/illright/attractions) - A pretty cool and modern UI kit. _(pre-v5)_\n- [ionic-svelte](https://github.com/Tommertom/svelte-ionic-app) - Svelte integration with Ionic's UI for mobile app development, including many starters.\n- [YeSvelte](https://www.yesvelte.com/) - YeSvelte is flexible Svelte UI component library built on top of Bootstrap css.\n- [Svelte UX](https://github.com/techniq/svelte-ux) - Large collection of components, actions, stores, and utilities to build highly interactive applications\n- [STDF](https://stdf.design) - Mobile web component library based on Svelte and Tailwind.\n- [M3 Svelte](https://github.com/KTibow/m3-svelte) - Robust component library implementing Material Design 3\n- [AgnosUI](https://amadeusitgroup.github.io/AgnosUI/latest/) - Highly configurable headless framework agnostic component library\n- [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.\n- [Smelte](https://github.com/matyunya/smelte) - UI framework with material components built with Tailwind CSS. _(pre-v5)_\n- [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.\n- [AgnosticUI](https://github.com/agnosticui/agnosticui) - Accessible Svelte Component Primitives (that also work with React, Vue 3, and Angular).\n- [Svelte Animations](https://animation-svelte.vercel.app) - Consist of Svelte Magic UI, Svelte Aceternity UI, Svelte Luxe Components over 200+ Free Animation Components \u0026 2 Templates \n- [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.\n- [Quaff](https://quaff.dev) - An extensive UI framework featuring modern and elegant components following Material Design 3 principles.\n\n## UI Components\n\n### Table\n\n_Tables and data grids._\n\n- [@vincjo/datatables](https://github.com/vincjo/datatables) - A toolkit for creating datatable components with Svelte.\n- [svelte-table](https://github.com/dasDaniel/svelte-table) - A table implementation that allows sorting and filtering.\n- [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.\n- [svelte-generic-table-pager](https://github.com/ivosdc/svelte-generic-table-pager) - Svelte-generic-crud-table with paginator.\n- [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.\n- [svelte-pivottable](https://github.com/jjagielka/svelte-pivottable) - Svelte-based pivot table library with drag'n'drop functionality.\n- [svelte-datagrid](https://github.com/revolist/svelte-datagrid) - Powerful data grid library based on [revogrid](https://rv-grid.com) with best features from Excel.\n- [@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.\n\n### Notification\n\n_Toaster / snackbar - Notify the user with a modeless temporary little popup._\n\n- [svelte-notifications](https://github.com/beyonk-adventures/svelte-notifications) - Toast notifications component that can be used in any JS application.\n- [svelte-favicon-badge](https://github.com/kevmodrome/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.\n- [@zerodevx/svelte-toast](https://github.com/zerodevx/svelte-toast) - Simple elegant toast notifications.\n- [svelte-french-toast](https://github.com/kbrgl/svelte-french-toast) - Buttery smooth toast notifications for Svelte, inspired by React Hot Toast. Lightweight, customizable, and beautiful by default.\n- [svelte-sonner](https://github.com/wobsoriano/svelte-sonner) - An opinionated toast component for Svelte.\n\n### Grid\n\n- [svelte-grid-responsive](https://github.com/andrelmlins/svelte-grid-responsive) - Bootstrap-inspired responsive grid system.\n- [svelte-flex](https://github.com/himynameisdave/svelte-flex) - A simple and reusable flexbox component for Svelte.\n\n### Icons\n\n- [unplugin-icons](https://github.com/unplugin/unplugin-icons) - Access thousands of icons as components on-demand universally.\n- [svelte-fa](https://github.com/Cweili/svelte-fa) - Tiny FontAwesome 5 and 6 component.\n- [svelte-awesome](https://github.com/RobBrazier/svelte-awesome) - Awesome SVG icon component, built with Font Awesome icons.\n- [steeze-ui/icons](https://github.com/steeze-ui/icons) - Effortless Icon Packs \u0026 Components for Svelte, React, Vue and more.\n- [svelte-icons](https://github.com/AnxiousDarkly/svelte-icons) - Icon components.\n- [svelte-heroicons](https://github.com/krowten/svelte-heroicons) - Icons, crafted by the creators of Tailwind CSS.\n- [svelte-icomoon](https://github.com/aykutkardas/svelte-icomoon) - It makes it very simple to use SVG icons in your Svelte projects.\n- [svelte-unicons](https://github.com/devShamim/svelte-unicons) - Unicons svg icons for Svelte based on @iconscout/unicons.\n- [lucide-svelte](https://github.com/lucide-icons/lucide) - Implementation of the lucide icon library for svelte applications.\n- [svelte-icons-pack](https://github.com/leshak/svelte-icons-pack) - Based on \u003chttps://github.com/react-icons/react-icons\u003e.\n- [svesome](https://github.com/pouchlabs/svesome) - A fontawesome v6 icons wrapper for svelte its awesome.\n- [moving icons](https://github.com/jis3r/icons) - A collection of beautifully crafted, animated Lucide icons.\n\n### Calendar\n\n_Display non-editable events in a calendar._\n\n- [svelte-fullcalendar](https://github.com/YogliB/svelte-fullcalendar) - A component wrapper around FullCalendar.\n- [svelte-calendar](https://github.com/6eDesign/svelte-calendar) - A lightweight datepicker with neat animations and a unique UX.\n- [date-picker-svelte](https://github.com/probablykasper/date-picker-svelte) - A date and time picker for Svelte with clean UX.\n- [@schedule-x/svelte](https://github.com/schedule-x/schedule-x) - A material design event calendar library.\n\n### Maps\n\n- [svelte-googlemaps](https://github.com/beyonk-adventures/svelte-googlemaps) - Google Maps component.\n- [svelte-mapbox](https://github.com/beyonk-adventures/svelte-mapbox) - MapBox map and autocomplete components.\n- [leaflet-svelte](https://github.com/anoram/leaflet-svelte) - Svelte wrapper for Leaflet.\n- [esri-svelte](https://github.com/gavinr-maps/esri-svelte-example) - Web application that shows how to use the ArcGIS API for JavaScript with Svelte.\n- [svelte-maplibre](https://github.com/dimfeld/svelte-maplibre) - Svelte bindings for the MapLibre mapping library.\n\n### Charts\n\n- [svelte-frappe-charts](https://github.com/himynameisdave/svelte-frappe-charts) - Svelte bindings for frappe-charts.\n- [Layer Cake](https://github.com/mhkeller/layercake) - A framework for mostly-reusable graphics with svelte\n- [LayerChart](https://github.com/techniq/layerchart) - Large collection of composable Svelte components to build a wide range of visualizations, built upon Layer Cake\n\n### Graphs\n\n- [svelte-flow](https://svelteflow.dev) - A customizable Svelte component for building node-based editors and interactive diagrams by the creators of React Flow\n\n### Miscellaneous\n\n- [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.\n- [svelte-tree-viewer](https://github.com/kpulkit29/svelte-tree-viewer) - A lightweight component to render tree views.\n- [svelte-copyright](https://github.com/himynameisdave/svelte-copyright) - A Svelte component to format and display a copyright notice.\n- [svelte-splitpanes](https://github.com/orefalo/svelte-splitpanes) - Full featured resizeable views panels.\n- [mathjax-svelte](https://github.com/WoolDoughnut310/mathjax-svelte) - A Svelte component for MathJax.\n- [svelte-stepper](https://github.com/efstajas/svelte-stepper) - A Svelte component for building animated step flows.\n- [css-3d-progress](https://github.com/rofixro/css-3d-progress) - A 3D Progress Bar component\n- [svelte-speedometer](https://github.com/palerdot/svelte-speedometer) - Svelte component for showing speedometer like gauge using d3.\n- [embedz](https://github.com/embedz/embedz) - Easy, dependency free embeds for Svelte and Vue.\n- [Edra](https://edra.tsuzat.com) - Best Rich Text Editor, made for Svelte Developers with Tiptap.\n\n## Scaffold\n\n_Templates / boilerplate / starter kits / stack ensemble / Yeoman generator._\n\n- [create-vite](https://github.com/vitejs/vite/tree/main/packages/create-vite#readme) - Generates scaffold for a vite + svelte app.\n- [create-svelte](https://github.com/sveltejs/kit/tree/master/packages/create-svelte#readme) - A CLI for creating a new SvelteKit project.\n- [saasstarter](https://github.com/CriticalMoments/CMSaasStarter) - A open source, fast, and free to host Svelte SaaS template.\n- [svelte-pwa-template](https://github.com/tretapey/svelte-pwa) - A starter template for PWAs based in the official Template. _(pre-v5)_\n- [vite-svelte-docker-template](https://github.com/bavragor/vite-svelte-docker-template) - Template for Svelte + Docker + Vite + Vitest.\n- [svelte-docs-starter](https://github.com/code-gio/svelte-docs-starter) - A modern documentation template built with Svelte 5, MDSvex, and Tailwind CSS.\n- [template-svelte](https://github.com/phaserjs/template-svelte) - An official quickstart template with Phaser.\n\n## Utilities\n\n### Animations\n\n- [AutoAnimate](https://auto-animate.formkit.com/) - A zero-config, drop-in animation utility that adds smooth transitions to your Svelte app.\n- [svelte-typewriter](https://github.com/henriquehbr/svelte-typewriter) - A simple and reusable typewriter effect for your Svelte applications.\n\n### Drag \u0026 Drop\n\n- [neodrag](https://github.com/PuruVJ/neodrag) - One Draggable to rule them all 💍.\n\n### Forms\n\n- [Superforms](https://superforms.rocks) - SvelteKit library for handling server and client validation, and client-side display of forms.\n- [Formsnap](https://www.formsnap.dev/) - High level Svelte components for forms, built on top of Superforms and Zod.\n- [felte](https://felte.dev/) - Extensible form library, with built-in Yup, Zod, Vest, and Superstruct validation.\n- [vest](https://github.com/ealush/vest) - 🦺 Declarative form validation framework inspired by unit testing.\n- [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)_\n- [svelte-form-builder](https://github.com/pragmatic-engineering/svelte-form-builder-community) - A No-code Drag n Drop Form Builder built for Svelte.\n- [Svelte Form Builder](https://svelte-form-builder.vercel.app) - Create forms with Shadcn Svelte, Superforms and ZOD | Valibot Schema within minutes.\n\n#### Form Components\n\n_Individual form components._\n\n- [svelte-checkbox](https://github.com/HosseinShabani/svelte-checkbox) - A checkbox component (cool animation, customizable). _(pre-v5)_\n- [svelte-toggle](https://github.com/beyonk-adventures/svelte-toggle) - Basic toggle component with styling. _(pre-v5)_\n\n### HTTP Requests\n\n- [sswr](https://github.com/ConsoleTVs/sswr) - Svelte stale while revalidate (SWR) data fetching strategy.\n- [svelte-query](https://sveltequery.vercel.app/) - Fetch, cache and update data in your Svelte applications all without touching any \"global state\".\n- [tanstack-svelte-query](https://tanstack.com/query/latest/docs/svelte/overview) - Framework agnostic type-safe query and mutation library for Svelte.\n\n### Sound \u0026 Video\n\n- [svelte-sound](https://github.com/Rajaniraiyn/svelte-sound) - Svelte Actions to play interaction sounds on target DOM events.\n\n### WebGL\n\n- [svelthree](https://github.com/vatro/svelthree) - Component library for declarative construction of reactive and reusable three.js scene graphs.\n- [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.\n\n### PWA\n\n- [SvelteKit-Adapter-Versioned-Worker](https://github.com/hedgehog125/SvelteKit-Adapter-Versioned-Worker) - An easy-to-use service worker build plugin where you don't need to worry about cache durations.\n\n### Portal\n\n- [svelte-portal](https://github.com/romkor/svelte-portal) - Component for rendering outside the DOM of parent component.\n- [svelte-teleport](https://github.com/nasso/svelte-teleport) - A component to teleport elements across the DOM.\n\n### Fonts\n\n- [svelte-web-fonts/google](https://github.com/svelte-web-fonts/google) - Tiny component for easily loading Fonts via the Google Fonts API including autocompletion.\n\n### Internationalization\n\n- [svelte-fluent](https://github.com/nubolab-ffwd/svelte-fluent) - Components for easy integration of [Fluent](https://projectfluent.org/) localization.\n- [svelte-i18n](https://github.com/kaisermann/svelte-i18n) - Internationalization library for Svelte.\n- [VoerkaI18n](https://zhangfisher.github.io/voerka-i18n/) - Internationalization solution for `Javascript/Typescript/Vue/React/Solidjs/SvelteJs/ReactNative`\n- [sveltekit-i18n](https://github.com/jarda-svoboda/sveltekit-i18n) - For integrating [i18n](https://www.npmjs.com/package/i18n) style localization in SvelteKit.\n- [@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.\n- [@i18n-pro/svelte](https://github.com/i18n-pro/svelte) - Lightweight, simple, flexible, automatic translation internationalization tool for Svelte.\n- [ParaglideJS](https://inlang.com/m/dxnzrydw/library-inlang-paraglideJsAdapterSvelteKit) - Tiny, typesafe i18n library with translated links out of the box.\n\n## Routers\n\n_For Single Page Applications (SPAs) and more._\n\n- [svelte-router-spa](https://github.com/jorgegorka/svelte-router) - Router adds routing to your Single Page Applications (SPA). Includes localisation, guards and nested layouts.\n- [svelte-routing](https://github.com/EmilTholin/svelte-routing) - A declarative Svelte routing library with SSR support.\n- [tinro](https://github.com/AlexxNB/tinro) - A tiny, dependency free and highly declarative router.\n- [svelte-spa-router](https://github.com/ItalyPaleAle/svelte-spa-router) - Optimized for Single Page Applications (SPA) with hash based routing and support for parameters.\n- [svelte-client-router](https://github.com/arthurgermano/svelte-client-router) - Svelte Client Router is everything you need and think when routing SPA's.\n- [@danielsharkov/svelte-router](https://github.com/DanielSharkov/svelte-router) - A simple \u0026 easy to use SPA router, developed with page transitions in mind.\n- [@shaun/svelterouter](https://github.com/shaunlee/svelterouter) - Another vue-router inspired Svelte router.\n- [Elegua](https://github.com/howesteve/elegua) - Small (\u003c 180LoC), fast, easy, full featured SPA router\n- [svelte5-router](https://github.com/mateothegreat/svelte5-router) - First Svelte 5 SPA router with nesting, hooks, and more.. Use components, snippets, or both!\n- [@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.\n- [sv-router](https://github.com/colinlienard/sv-router) - Type-safe SPA router with file-based or code-based routing.\n\n## Frameworks\n\n- [SvelteKit](https://svelte.dev/docs/kit/introduction) - The fastest way to build Svelte apps.\n- [Routify](https://routify.dev/) - Routes for Svelte, automated by your file structure.\n- [Elder.js](https://github.com/elderjs/elderjs) - Opinionated static site generator and web framework for Svelte built with SEO in mind. _(pre-v5)_\n- [JungleJS](https://www.junglejs.org/) - The Jamstack framework for Svelte with GraphQL. _(pre-v5)_\n- [svelte-document](https://github.com/mblouka/svelte-document) - Create documents (PDFs), resumes, or presentations entirely in Svelte.\n\n## Dev Tools\n\n### Lint\n\n_Lint and format your code._\n\n- [prettier-plugin-svelte](https://github.com/sveltejs/prettier-plugin-svelte) - Format your components using prettier.\n- [svelte-check](https://www.npmjs.com/package/svelte-check) - Check your code.\n- [eslint-plugin-svelte](https://github.com/sveltejs/eslint-plugin-svelte) - An ESLint plugin for Svelte using AST.\n\n### Test\n\n- [svelte-jester](https://github.com/mihar-22/svelte-jester) - A Jest transformer to compile your components before importing them into tests.\n- [@testing-library/svelte](https://github.com/testing-library/svelte-testing-library) - Simple and complete Svelte DOM testing utilities that encourage good testing practices.\n- [jest-transform-svelte](https://github.com/rspieker/jest-transform-svelte) - Jest Transformer for Svelte components.\n\n### Editors\n\n_Text editor plugins._\n\n#### Visual Studio Code\n\n- [Svelte for VS Code](https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode) - Provides syntax highlighting and rich intellisense for your components.\n- [Svelte 3 Snippets](https://marketplace.visualstudio.com/items?itemName=fivethree.vscode-svelte-snippets) - Svelte 3 Snippets for VS Code.\n\n#### Sublime Text\n\n- [Svelte](https://packagecontrol.io/packages/Svelte) - Syntax highlighting and support for Sublime Text.\n\n#### Vim\n\n- [vim-svelte-plugin](https://github.com/leafOfTree/vim-svelte-plugin) - Syntax highlighting and support for Vim.\n- [coc-svelte](https://github.com/coc-extensions/coc-svelte) - Syntax highlighting and support for (Neo)Vim.\n\n#### JetBrains\n\n- [Svelte](https://plugins.jetbrains.com/plugin/12375-svelte) - Syntax highlighting and support for JetBrains.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FTheComputerM%2Fawesome-svelte","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FTheComputerM%2Fawesome-svelte","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FTheComputerM%2Fawesome-svelte/lists"}