{"slug": "TheComputerM--awesome-svelte", "title": "Awesome Svelte", "description": "⚡ A curated list of awesome Svelte resources", "github_url": "https://github.com/TheComputerM/awesome-svelte", "stars": "2K", "tag": "Front-End Development", "entry_count": 184, "subcategory_count": 34, "subcategories": [{"name": "General", "parent": "", "entries": [{"name": "Awesome Svelte", "url": "#awesome-svelte-", "description": ""}]}, {"name": "Official Resources", "parent": "Resources", "entries": [{"name": "Official Guide", "url": "https://svelte.dev/tutorial", "description": ""}, {"name": "API Reference", "url": "https://svelte.dev/docs", "description": ""}, {"name": "GitHub Repo", "url": "https://github.com/sveltejs/svelte", "description": "", "stars": "86k"}, {"name": "Changelog", "url": "https://github.com/sveltejs/svelte/blob/master/packages/svelte/CHANGELOG.md", "description": "", "stars": "86k"}]}, {"name": "Community", "parent": "Resources", "entries": [{"name": "Bluesky", "url": "https://bsky.app/profile/svelte.dev", "description": ""}, {"name": "Discord", "url": "https://svelte.dev/chat", "description": ""}, {"name": "Reddit", "url": "https://www.reddit.com/r/sveltejs/", "description": ""}, {"name": "Japan Discord", "url": "https://discord.com/invite/YTXq3ZtBbx", "description": "Svelte 日本."}]}, {"name": "Conferences", "parent": "Resources", "entries": [{"name": "Svelte Summit", "url": "https://sveltesummit.com/", "description": ""}]}, {"name": "Podcasts", "parent": "Resources", "entries": [{"name": "Svelte Radio", "url": "https://www.svelteradio.com/", "description": ""}]}, {"name": "YouTube Channels", "parent": "Resources", "entries": [{"name": "Svelte Society", "url": "https://www.youtube.com/channel/UCZSr5B0l07JXK2FIeWA0-jw", "description": ""}, {"name": "Svelte Mastery", "url": "https://www.youtube.com/channel/UCg6SQd5jnWo5Y70rZD9SQFA", "description": ""}, {"name": "Joy of Code", "url": "https://www.youtube.com/@JoyofCodeDev", "description": ""}]}, {"name": "Tutorials", "parent": "Resources", "entries": [{"name": "Getting Started with Svelte 5: A Guide for React Developers", "url": "https://www.edistys.dev/blog/getting-started-with-svelte-5-a-guide-for-react-developers", "description": "Edistys"}, {"name": "Svelte 5 Basics - Complete Svelte 5 Course for Beginners", "url": "https://www.youtube.com/watch?v=8DQailPy3q8", "description": "Syntax (YouTube)"}]}, {"name": "Studies", "parent": "Resources", "entries": [{"name": "SvelteScaling", "url": "https://svelte-scaling.acmion.com/", "description": "Does Svelte Scale? *(pre-v5)*"}, {"name": "Will it Scale?", "url": "https://github.com/halfnelson/svelte-it-will-scale", "description": "Finding Svelte's inflection point. *(pre-v5)*", "stars": "176"}]}, {"name": "Preprocessing", "parent": "Integrations", "entries": [{"name": "svelte-preprocess", "url": "https://github.com/sveltejs/svelte-preprocess", "description": "A preprocessor for PostCSS, SCSS, Less, Stylus, Coffeescript, TypeScript, Pug and much more.", "stars": "1.8k"}, {"name": "MDSveX", "url": "https://github.com/pngwn/MDsveX", "description": "Preprocessor for MDX markdown.", "stars": "2.9k"}, {"name": "svelte-switch-case", "url": "https://github.com/l-portet/svelte-switch-case", "description": "Switch case syntax for Svelte.", "stars": "167"}, {"name": "svelte-preprocess-less", "url": "https://github.com/ls-age/svelte-preprocess-less", "description": "Preprocessor for less.", "stars": "13"}, {"name": "modular-css", "url": "https://github.com/tivac/modular-css/tree/main/packages/svelte", "description": "Preprocessor support for modular-css.", "stars": "294"}, {"name": "svelte-preprocess-sass", "url": "https://github.com/ls-age/svelte-preprocess-sass", "description": "Preprocessor for sass.", "stars": "90"}, {"name": "svelte-preprocess-markdown", "url": "https://github.com/AlexxNB/svelte-preprocess-markdown", "description": "Write Svelte components in markdown syntax.", "stars": "140"}, {"name": "@nvl/sveltex", "url": "https://github.com/nvlang/sveltex", "description": "Svelte + Markdown + LaTeX.", "stars": "23"}]}, {"name": "Mobile", "parent": "Integrations", "entries": [{"name": "Svelte Native", "url": "https://svelte-native.technology/", "description": "Svelte controlling native components via Nativescript."}, {"name": "Framework7", "url": "https://framework7.io/svelte/", "description": "Full featured HTML framework for building iOS & Android apps."}, {"name": "Capacitor", "url": "https://capacitorjs.com/solution/svelte", "description": "Build native mobile apps with web technology and Svelte."}, {"name": "svelte-asyncable", "url": "https://github.com/sveltetools/svelte-asyncable", "description": "The Svelte store contract with support for asynchronous values.", "stars": "171"}, {"name": "exome", "url": "https://github.com/Marcisbee/exome", "description": "Simple proxy based state manager for deeply nested states.", "stars": "281"}, {"name": "tanstack-store", "url": "https://tanstack.com/store/latest/docs/framework/svelte/quick-start", "description": "Framework agnostic type-safe store w/ reactive framework adapters."}, {"name": "lomer-ui", "url": "https://ui.lomer.dev", "description": "A dead-simple CLI tool to instantly kickstart your components."}, {"name": "shadcn-svelte", "url": "https://www.shadcn-svelte.com/", "description": "Beautifully designed components that you can copy and paste into your apps."}, {"name": "SvelteUI", "url": "https://svelteui.dev/", "description": "all inclusive Svelte library - Components, Actions, Utilities, Animations."}, {"name": "Flowbite Svelte", "url": "https://flowbite-svelte.com/", "description": "Open-source Svelte UI components built with Tailwind CSS and Flowbite."}, {"name": "Skeleton", "url": "https://www.skeleton.dev/docs/get-started", "description": "Skeleton uses Tailwind utility classes and design system to easily create theme-able user interfaces."}, {"name": "Sveltestrap", "url": "https://github.com/sveltestrap/sveltestrap", "description": "Bootstrap 4 & 5 components.", "stars": "206"}, {"name": "carbon-components-svelte", "url": "https://github.com/IBM/carbon-components-svelte", "description": "Svelte implementation of the IBM Carbon Design System.", "stars": "2.9k"}, {"name": "Svelte Material UI", "url": "https://github.com/hperrin/svelte-material-ui", "description": "Material UI Components.", "stars": "3.4k"}, {"name": "Melt UI", "url": "https://github.com/melt-ui/melt-ui", "description": "A collection of accessible, reusable, and composable headless component builders and utilities.", "stars": "4.1k"}, {"name": "attractions", "url": "https://github.com/illright/attractions", "description": "A pretty cool and modern UI kit. *(pre-v5)*", "stars": "1k"}, {"name": "ionic-svelte", "url": "https://github.com/Tommertom/svelte-ionic-app", "description": "Svelte integration with Ionic's UI for mobile app development, including many starters.", "stars": "64"}, {"name": "YeSvelte", "url": "https://www.yesvelte.com/", "description": "YeSvelte is flexible Svelte UI component library built on top of Bootstrap css."}, {"name": "Svelte UX", "url": "https://github.com/techniq/svelte-ux", "description": "Large collection of components, actions, stores, and utilities to build highly interactive applications", "stars": "1.1k"}, {"name": "STDF", "url": "https://stdf.design", "description": "Mobile web component library based on Svelte and Tailwind."}, {"name": "M3 Svelte", "url": "https://github.com/KTibow/m3-svelte", "description": "Robust component library implementing Material Design 3", "stars": "401"}, {"name": "AgnosUI", "url": "https://amadeusitgroup.github.io/AgnosUI/latest/", "description": "Highly configurable headless framework agnostic component library"}, {"name": "daisyUI", "url": "https://daisyui.com/", "description": "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."}, {"name": "Smelte", "url": "https://github.com/matyunya/smelte", "description": "UI framework with material components built with Tailwind CSS. *(pre-v5)*", "stars": "1.5k"}, {"name": "SVAR Core for Svelte", "url": "https://github.com/svar-widgets/core", "description": "A collection of 20+ Svelte UI components for building fast-performing, interactive and responsive web apps.", "stars": "240"}, {"name": "AgnosticUI", "url": "https://github.com/agnosticui/agnosticui", "description": "Accessible Svelte Component Primitives (that also work with React, Vue 3, and Angular).", "stars": "769"}, {"name": "Svelte Animations", "url": "https://animation-svelte.vercel.app", "description": "Consist of Svelte Magic UI, Svelte Aceternity UI, Svelte Luxe Components over 200+ Free Animation Components & 2 Templates"}, {"name": "Svelte Marketing Blocks", "url": "https://sv-blocks.vercel.app", "description": "A powerful library of 100+ marketing and UI blocks built using Shadcn Svelte, Tailwind CSS v4, and Svelte 5."}, {"name": "Quaff", "url": "https://quaff.dev", "description": "An extensive UI framework featuring modern and elegant components following Material Design 3 principles."}, {"name": "retroui-svelte", "url": "https://retroui-svelte.netlify.app", "description": "A retro-styled component library for Svelte built on top of shadcn-svelte, offering 40+ customizable UI components for funky and playful interfaces."}]}, {"name": "Table", "parent": "UI Components", "entries": [{"name": "@vincjo/datatables", "url": "https://github.com/vincjo/datatables", "description": "A toolkit for creating datatable components with Svelte.", "stars": "580"}, {"name": "svelte-table", "url": "https://github.com/dasDaniel/svelte-table", "description": "A table implementation that allows sorting and filtering.", "stars": "561"}, {"name": "svelte-generic-crud-table", "url": "https://github.com/ivosdc/svelte-generic-crud-table", "description": "Agnostic web-component for object-arrays with CRUD functionality. Sort and resize columns. Multiple tables per page.", "stars": "67"}, {"name": "svelte-generic-table-pager", "url": "https://github.com/ivosdc/svelte-generic-table-pager", "description": "Svelte-generic-crud-table with paginator.", "stars": "4"}, {"name": "powertable", "url": "https://github.com/muonw/powertable", "description": "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.", "stars": "224"}, {"name": "svelte-pivottable", "url": "https://github.com/jjagielka/svelte-pivottable", "description": "Svelte-based pivot table library with drag'n'drop functionality.", "stars": "41"}, {"name": "SVAR DataGrid", "url": "https://github.com/svar-widgets/grid", "description": "A Svelte datagrid with in-cell editing, sorting, context menu, collapsible and frozen columns, tree data view, paging and virtual scrolling.", "stars": "199"}, {"name": "svelte-datagrid", "url": "https://github.com/revolist/svelte-datagrid", "description": "Powerful data grid library based on [revogrid](https://rv-grid.com) with best features from Excel.", "stars": "134"}, {"name": "@wjfe/dataview", "url": "https://github.com/WJSoftware/wjfe-dataview", "description": "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.", "stars": "23"}]}, {"name": "Notification", "parent": "UI Components", "entries": [{"name": "svelte-notifications", "url": "https://github.com/beyonk-adventures/svelte-notifications", "description": "Toast notifications component that can be used in any JS application.", "stars": "318"}, {"name": "svelte-favicon-badge", "url": "https://github.com/kevmodrome/svelte-favicon-badge", "description": "A custom component that adds a favicon and a badge that you can use to show for example number of unread messages, etc.", "stars": "103"}, {"name": "@zerodevx/svelte-toast", "url": "https://github.com/zerodevx/svelte-toast", "description": "Simple elegant toast notifications.", "stars": "894"}, {"name": "svelte-french-toast", "url": "https://github.com/kbrgl/svelte-french-toast", "description": "Buttery smooth toast notifications for Svelte, inspired by React Hot Toast. Lightweight, customizable, and beautiful by default.", "stars": "1k"}, {"name": "svelte-sonner", "url": "https://github.com/wobsoriano/svelte-sonner", "description": "An opinionated toast component for Svelte.", "stars": "1.2k"}]}, {"name": "Grid", "parent": "UI Components", "entries": [{"name": "svelte-grid-responsive", "url": "https://github.com/andrelmlins/svelte-grid-responsive", "description": "Bootstrap-inspired responsive grid system.", "stars": "56"}, {"name": "svelte-flex", "url": "https://github.com/himynameisdave/svelte-flex", "description": "A simple and reusable flexbox component for Svelte.", "stars": "80"}]}, {"name": "Icons", "parent": "UI Components", "entries": [{"name": "unplugin-icons", "url": "https://github.com/unplugin/unplugin-icons", "description": "Access thousands of icons as components on-demand universally.", "stars": "4.8k"}, {"name": "svelte-fa", "url": "https://github.com/Cweili/svelte-fa", "description": "Tiny FontAwesome 5 and 6 component.", "stars": "402"}, {"name": "svelte-awesome", "url": "https://github.com/RobBrazier/svelte-awesome", "description": "Awesome SVG icon component, built with Font Awesome icons.", "stars": "506"}, {"name": "steeze-ui/icons", "url": "https://github.com/steeze-ui/icons", "description": "Effortless Icon Packs & Components for Svelte, React, Vue and more.", "stars": "200"}, {"name": "svelte-icons", "url": "https://github.com/AnxiousDarkly/svelte-icons", "description": "Icon components.", "stars": "293"}, {"name": "svelte-heroicons", "url": "https://github.com/krowten/svelte-heroicons", "description": "Icons, crafted by the creators of Tailwind CSS.", "stars": "9"}, {"name": "svelte-icomoon", "url": "https://github.com/aykutkardas/svelte-icomoon", "description": "It makes it very simple to use SVG icons in your Svelte projects.", "stars": "7"}, {"name": "svelte-unicons", "url": "https://github.com/devShamim/svelte-unicons", "description": "Unicons svg icons for Svelte based on @iconscout/unicons.", "stars": "3"}, {"name": "lucide-svelte", "url": "https://github.com/lucide-icons/lucide", "description": "Implementation of the lucide icon library for svelte applications.", "stars": "21k"}, {"name": "svelte-icons-pack", "url": "https://github.com/leshak/svelte-icons-pack", "description": "Based on [https://github.com/react-icons/react-icons (⭐12k)](https://github.com/react-icons/react-icons).", "stars": "70"}, {"name": "svesome", "url": "https://github.com/pouchlabs/svesome", "description": "A fontawesome v6 icons wrapper for svelte its awesome.", "stars": "2"}, {"name": "hugeicons", "url": "https://github.com/hugeicons/svelte", "description": "Beautiful, production-ready icon package for Svelte with complete icon coverage.", "stars": "10"}, {"name": "moving icons", "url": "https://github.com/jis3r/icons", "description": "A collection of beautifully crafted, animated Lucide icons.", "stars": "360"}]}, {"name": "Calendar", "parent": "UI Components", "entries": [{"name": "svelte-fullcalendar", "url": "https://github.com/YogliB/svelte-fullcalendar", "description": "A component wrapper around FullCalendar.", "stars": "200"}, {"name": "svelte-calendar", "url": "https://github.com/6eDesign/svelte-calendar", "description": "A lightweight datepicker with neat animations and a unique UX.", "stars": "544"}, {"name": "date-picker-svelte", "url": "https://github.com/probablykasper/date-picker-svelte", "description": "A date and time picker for Svelte with clean UX.", "stars": "342"}, {"name": "@schedule-x/svelte", "url": "https://github.com/schedule-x/schedule-x", "description": "A material design event calendar library.", "stars": "2.2k"}]}, {"name": "Maps", "parent": "UI Components", "entries": [{"name": "svelte-googlemaps", "url": "https://github.com/beyonk-adventures/svelte-googlemaps", "description": "Google Maps component.", "stars": "82"}, {"name": "svelte-mapbox", "url": "https://github.com/beyonk-adventures/svelte-mapbox", "description": "MapBox map and autocomplete components.", "stars": "367"}, {"name": "leaflet-svelte", "url": "https://github.com/anoram/leaflet-svelte", "description": "Svelte wrapper for Leaflet.", "stars": "50"}, {"name": "esri-svelte", "url": "https://github.com/gavinr-maps/esri-svelte-example", "description": "Web application that shows how to use the ArcGIS API for JavaScript with Svelte.", "stars": "15"}, {"name": "svelte-maplibre", "url": "https://github.com/dimfeld/svelte-maplibre", "description": "Svelte bindings for the MapLibre mapping library.", "stars": "490"}]}, {"name": "Charts", "parent": "UI Components", "entries": [{"name": "svelte-frappe-charts", "url": "https://github.com/himynameisdave/svelte-frappe-charts", "description": "Svelte bindings for frappe-charts.", "stars": "317"}, {"name": "Layer Cake", "url": "https://github.com/mhkeller/layercake", "description": "A framework for mostly-reusable graphics with svelte", "stars": "1.7k"}, {"name": "LayerChart", "url": "https://github.com/techniq/layerchart", "description": "Large collection of composable Svelte components to build a wide range of visualizations, built upon Layer Cake", "stars": "1.1k"}, {"name": "SVAR Gantt Chart", "url": "https://github.com/svar-widgets/gantt", "description": "An interactive, customizable Gantt chart component written in Svelte", "stars": "210"}]}, {"name": "Graphs", "parent": "UI Components", "entries": [{"name": "svelte-flow", "url": "https://svelteflow.dev", "description": "A customizable Svelte component for building node-based editors and interactive diagrams by the creators of React Flow"}]}, {"name": "Miscellaneous", "parent": "UI Components", "entries": [{"name": "number-flow", "url": "https://github.com/barvian/number-flow", "description": "A component to transition, format, and localize numbers.", "stars": "7.1k"}, {"name": "Svelte Tweakpane UI", "url": "https://kitschpatrol.com/svelte-tweakpane-ui", "description": "UI elements from [Tweakpane](https://tweakpane.github.io/docs/) wrapped in a collection of idiomatic Svelte components."}, {"name": "svelte-tree-viewer", "url": "https://github.com/kpulkit29/svelte-tree-viewer", "description": "A lightweight component to render tree views.", "stars": "17"}, {"name": "svelte-copyright", "url": "https://github.com/himynameisdave/svelte-copyright", "description": "A Svelte component to format and display a copyright notice.", "stars": "20"}, {"name": "svelte-splitpanes", "url": "https://github.com/orefalo/svelte-splitpanes", "description": "Full featured resizeable views panels.", "stars": "463"}, {"name": "mathjax-svelte", "url": "https://github.com/WoolDoughnut310/mathjax-svelte", "description": "A Svelte component for MathJax.", "stars": "0"}, {"name": "svelte-stepper", "url": "https://github.com/efstajas/svelte-stepper", "description": "A Svelte component for building animated step flows.", "stars": "177"}, {"name": "css-3d-progress", "url": "https://github.com/rofixro/css-3d-progress", "description": "A 3D Progress Bar component", "stars": "3"}, {"name": "svelte-speedometer", "url": "https://github.com/palerdot/svelte-speedometer", "description": "Svelte component for showing speedometer like gauge using d3.", "stars": "17"}, {"name": "embedz", "url": "https://github.com/embedz/embedz", "description": "Easy, dependency free embeds for Svelte and Vue.", "stars": "24"}, {"name": "EmbedPDF", "url": "https://www.embedpdf.com/docs/svelte/introduction", "description": "A modular, high-performance PDF viewer and editor built for Svelte, powered by PDFium. Fully extensible with plugins for annotations, redaction, thumbnails, and more."}, {"name": "Edra", "url": "https://edra.tsuzat.com", "description": "Best Rich Text Editor, made for Svelte Developers with Tiptap."}, {"name": "svelte-streamdown", "url": "https://github.com/beynar/svelte-streamdown", "description": "Port of [streamdown](https://streamdown.ai/). An all in one markdown renderer optimized for streaming with built in styles, math, mermaid, code highlighting support and more.", "stars": "82"}, {"name": "svelte-bash", "url": "https://github.com/YusufCeng1z/svelte-bash", "description": "A customizable terminal-style component for Svelte 5.", "stars": "69"}, {"name": "create-vite", "url": "https://github.com/vitejs/vite/tree/main/packages/create-vite#readme", "description": "Generates scaffold for a vite + svelte app.", "stars": "78k"}, {"name": "create-svelte", "url": "https://github.com/sveltejs/kit/tree/master/packages/create-svelte#readme", "description": "A CLI for creating a new SvelteKit project.", "stars": "20k"}, {"name": "saasstarter", "url": "https://github.com/CriticalMoments/CMSaasStarter", "description": "A open source, fast, and free to host Svelte SaaS template.", "stars": "2.3k"}, {"name": "svelte-pwa-template", "url": "https://github.com/tretapey/svelte-pwa", "description": "A starter template for PWAs based in the official Template. *(pre-v5)*", "stars": "225"}, {"name": "vite-svelte-docker-template", "url": "https://github.com/bavragor/vite-svelte-docker-template", "description": "Template for Svelte + Docker + Vite + Vitest.", "stars": "1"}, {"name": "svelte-docs-starter", "url": "https://github.com/code-gio/svelte-docs-starter", "description": "A modern documentation template built with Svelte 5, MDSvex, and Tailwind CSS.", "stars": "61"}, {"name": "template-svelte", "url": "https://github.com/phaserjs/template-svelte", "description": "An official quickstart template with Phaser.", "stars": "76"}, {"name": "generic-app-template", "url": "https://github.com/GantonL/templates/tree/main/sveltekit-shadcn-v5", "description": "A open-source modern full-stack web application template built with SvelteKit + shadcn-svelte. Supports i18n, theming, cookie managment, SEO management, static content with mdsvex, a shell component and more.", "stars": "59"}]}, {"name": "Animations", "parent": "Utilities", "entries": [{"name": "AutoAnimate", "url": "https://auto-animate.formkit.com/", "description": "A zero-config, drop-in animation utility that adds smooth transitions to your Svelte app."}, {"name": "svelte-typewriter", "url": "https://github.com/henriquehbr/svelte-typewriter", "description": "A simple and reusable typewriter effect for your Svelte applications."}, {"name": "moving-icons", "url": "https://github.com/jis3r/icons", "description": "beautifully crafted, moving icons. for svelte. 🧡", "stars": "360"}, {"name": "ssgoi", "url": "https://github.com/meursyphus/ssgoi", "description": "Native app-like page transitions with spring physics, 60fps on mobile, SSR-ready, and all modern browser support.", "stars": "813"}]}, {"name": "Drag & Drop", "parent": "Utilities", "entries": [{"name": "neodrag", "url": "https://github.com/PuruVJ/neodrag", "description": "One Draggable to rule them all 💍.", "stars": "2.4k"}]}, {"name": "Forms", "parent": "Utilities", "entries": [{"name": "Superforms", "url": "https://superforms.rocks", "description": "SvelteKit library for handling server and client validation, and client-side display of forms."}, {"name": "Formsnap", "url": "https://www.formsnap.dev/", "description": "High level Svelte components for forms, built on top of Superforms and Zod."}, {"name": "felte", "url": "https://felte.dev/", "description": "Extensible form library, with built-in Yup, Zod, Vest, and Superstruct validation."}, {"name": "vest", "url": "https://github.com/ealush/vest", "description": "🦺 Declarative form validation framework inspired by unit testing.", "stars": "2.6k"}, {"name": "svelte-formly", "url": "https://github.com/arabdevelop/svelte-formly", "description": "A good solution to generate and control a dynamic forms using core and custom rules with customize styles. *(pre-v5)*", "stars": "255"}, {"name": "svelte-form-builder", "url": "https://github.com/pragmatic-engineering/svelte-form-builder-community", "description": "A No-code Drag n Drop Form Builder built for Svelte.", "stars": "75"}, {"name": "Svelte Form Builder", "url": "https://svelte-form-builder.vercel.app", "description": "Create forms with Shadcn Svelte, Superforms and ZOD | Valibot Schema within minutes."}, {"name": "Formisch", "url": "https://formisch.dev/svelte/guides/introduction/", "description": "A form library for Svelte with focus on performance, type safety and bundle size."}, {"name": "svelte-checkbox", "url": "https://github.com/HosseinShabani/svelte-checkbox", "description": "A checkbox component (cool animation, customizable). *(pre-v5)*", "stars": "77"}, {"name": "svelte-toggle", "url": "https://github.com/beyonk-adventures/svelte-toggle", "description": "Basic toggle component with styling. *(pre-v5)*", "stars": "22"}]}, {"name": "HTTP Requests", "parent": "Utilities", "entries": [{"name": "sswr", "url": "https://github.com/ConsoleTVs/sswr", "description": "Svelte stale while revalidate (SWR) data fetching strategy.", "stars": "287"}, {"name": "svelte-query", "url": "https://sveltequery.vercel.app/", "description": "Fetch, cache and update data in your Svelte applications all without touching any \"global state\"."}, {"name": "tanstack-svelte-query", "url": "https://tanstack.com/query/latest/docs/svelte/overview", "description": "Framework agnostic type-safe query and mutation library for Svelte."}]}, {"name": "Sound & Video", "parent": "Utilities", "entries": [{"name": "svelte-sound", "url": "https://github.com/Rajaniraiyn/svelte-sound", "description": "Svelte Actions to play interaction sounds on target DOM events.", "stars": "61"}]}, {"name": "WebGL", "parent": "Utilities", "entries": [{"name": "svelthree", "url": "https://github.com/vatro/svelthree", "description": "Component library for declarative construction of reactive and reusable three.js scene graphs.", "stars": "482"}, {"name": "threlte", "url": "https://threlte.xyz", "description": "Threlte is a renderer and component library for using Three.js in a declarative and state-driven way in Svelte apps."}]}, {"name": "PWA", "parent": "Utilities", "entries": [{"name": "SvelteKit-Adapter-Versioned-Worker", "url": "https://github.com/hedgehog125/SvelteKit-Adapter-Versioned-Worker", "description": "An easy-to-use service worker build plugin where you don't need to worry about cache durations.", "stars": "16"}]}, {"name": "Portal", "parent": "Utilities", "entries": [{"name": "svelte-portal", "url": "https://github.com/romkor/svelte-portal", "description": "Component for rendering outside the DOM of parent component.", "stars": "476"}, {"name": "svelte-teleport", "url": "https://github.com/nasso/svelte-teleport", "description": "A component to teleport elements across the DOM.", "stars": "26"}]}, {"name": "Fonts", "parent": "Utilities", "entries": [{"name": "svelte-web-fonts/google", "url": "https://github.com/svelte-web-fonts/google", "description": "Tiny component for easily loading Fonts via the Google Fonts API including autocompletion.", "stars": "16"}]}, {"name": "Internationalization", "parent": "Utilities", "entries": [{"name": "svelte-fluent", "url": "https://github.com/nubolab-ffwd/svelte-fluent", "description": "Components for easy integration of [Fluent](https://projectfluent.org/) localization.", "stars": "108"}, {"name": "svelte-i18n", "url": "https://github.com/kaisermann/svelte-i18n", "description": "Internationalization library for Svelte.", "stars": "1.4k"}, {"name": "VoerkaI18n", "url": "https://zhangfisher.github.io/voerka-i18n/", "description": "Internationalization solution for `Javascript/Typescript/Vue/React/Solidjs/SvelteJs/ReactNative`"}, {"name": "sveltekit-i18n", "url": "https://github.com/jarda-svoboda/sveltekit-i18n", "description": "For integrating [i18n](https://www.npmjs.com/package/i18n) style localization in SvelteKit.", "stars": "571"}, {"name": "@tolgee/svelte", "url": "https://github.com/tolgee/tolgee-js/tree/main/packages/svelte", "description": "Web-based localization tool enabling users to translate directly in the Svelte app they develop.", "stars": "256"}, {"name": "@i18n-pro/svelte", "url": "https://github.com/i18n-pro/svelte", "description": "Lightweight, simple, flexible, automatic translation internationalization tool for Svelte.", "stars": "9"}, {"name": "ParaglideJS", "url": "https://inlang.com/m/dxnzrydw/library-inlang-paraglideJsAdapterSvelteKit", "description": "Tiny, typesafe i18n library with translated links out of the box."}, {"name": "wuchale", "url": "https://github.com/K1DV5/wuchale", "description": "Internationalization library that lets you just write your code, no function calls or other ceremonies needed.", "stars": "311"}, {"name": "svelte-router-spa", "url": "https://github.com/jorgegorka/svelte-router", "description": "Router adds routing to your Single Page Applications (SPA). Includes localisation, guards and nested layouts.", "stars": "538"}, {"name": "svelte-routing", "url": "https://github.com/EmilTholin/svelte-routing", "description": "A declarative Svelte routing library with SSR support.", "stars": "2.1k"}, {"name": "tinro", "url": "https://github.com/AlexxNB/tinro", "description": "A tiny, dependency free and highly declarative router.", "stars": "680"}, {"name": "svelte-spa-router", "url": "https://github.com/ItalyPaleAle/svelte-spa-router", "description": "Optimized for Single Page Applications (SPA) with hash based routing and support for parameters.", "stars": "1.6k"}, {"name": "svelte-client-router", "url": "https://github.com/arthurgermano/svelte-client-router", "description": "Svelte Client Router is everything you need and think when routing SPA's.", "stars": "16"}, {"name": "@danielsharkov/svelte-router", "url": "https://github.com/DanielSharkov/svelte-router", "description": "A simple & easy to use SPA router, developed with page transitions in mind.", "stars": "13"}, {"name": "@shaun/svelterouter", "url": "https://github.com/shaunlee/svelterouter", "description": "Another vue-router inspired Svelte router.", "stars": "3"}, {"name": "Elegua", "url": "https://github.com/howesteve/elegua", "description": "Small (< 180LoC), fast, easy, full featured SPA router", "stars": "83"}, {"name": "svelte5-router", "url": "https://github.com/mateothegreat/svelte5-router", "description": "First Svelte 5 SPA router with nesting, hooks, and more.. Use components, snippets, or both!", "stars": "300"}, {"name": "@wjfe/n-savant", "url": "https://github.com/WJSoftware/wjfe-n-savant", "description": "Fast, reactive router with always-on path and hash routing, and the router that invented multi-hash routing.", "stars": "56"}, {"name": "sv-router", "url": "https://github.com/colinlienard/sv-router", "description": "Type-safe SPA router with file-based or code-based routing.", "stars": "154"}, {"name": "SvelteKit", "url": "https://svelte.dev/docs/kit/introduction", "description": "The fastest way to build Svelte apps."}, {"name": "Routify", "url": "https://routify.dev/", "description": "Routes for Svelte, automated by your file structure."}, {"name": "Elder.js", "url": "https://github.com/elderjs/elderjs", "description": "Opinionated static site generator and web framework for Svelte built with SEO in mind. *(pre-v5)*", "stars": "2.1k"}, {"name": "JungleJS", "url": "https://www.junglejs.org/", "description": "The Jamstack framework for Svelte with GraphQL. *(pre-v5)*"}, {"name": "svelte-document", "url": "https://github.com/mblouka/svelte-document", "description": "Create documents (PDFs), resumes, or presentations entirely in Svelte.", "stars": "15"}]}, {"name": "Adapters", "parent": "Dev Tools", "entries": [{"name": "JesterKit EXE", "url": "https://github.com/Hugo-Dz/exe", "description": "An adapter to distribute your SvelteKit web app as a single executable binary with zero runtime dependencies. Unlike static builds, it preserves all Kit features like SSR, API endpoints, server hooks, etc.", "stars": "511"}]}, {"name": "Lint", "parent": "Dev Tools", "entries": [{"name": "prettier-plugin-svelte", "url": "https://github.com/sveltejs/prettier-plugin-svelte", "description": "Format your components using prettier.", "stars": "807"}, {"name": "svelte-check", "url": "https://www.npmjs.com/package/svelte-check", "description": "Check your code."}, {"name": "eslint-plugin-svelte", "url": "https://github.com/sveltejs/eslint-plugin-svelte", "description": "An ESLint plugin for Svelte using AST.", "stars": "389"}]}, {"name": "Test", "parent": "Dev Tools", "entries": [{"name": "svelte-jester", "url": "https://github.com/mihar-22/svelte-jester", "description": "A Jest transformer to compile your components before importing them into tests.", "stars": "128"}, {"name": "@testing-library/svelte", "url": "https://github.com/testing-library/svelte-testing-library", "description": "Simple and complete Svelte DOM testing utilities that encourage good testing practices.", "stars": "654"}, {"name": "jest-transform-svelte", "url": "https://github.com/rspieker/jest-transform-svelte", "description": "Jest Transformer for Svelte components.", "stars": "35"}]}, {"name": "Editors", "parent": "Dev Tools", "entries": [{"name": "Svelte for VS Code", "url": "https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode", "description": "Provides syntax highlighting and rich intellisense for your components."}, {"name": "Svelte 3 Snippets", "url": "https://marketplace.visualstudio.com/items?itemName=fivethree.vscode-svelte-snippets", "description": "Svelte 3 Snippets for VS Code."}, {"name": "Svelte", "url": "https://packagecontrol.io/packages/Svelte", "description": "Syntax highlighting and support for Sublime Text."}, {"name": "vim-svelte-plugin", "url": "https://github.com/leafOfTree/vim-svelte-plugin", "description": "Syntax highlighting and support for Vim.", "stars": "148"}, {"name": "coc-svelte", "url": "https://github.com/coc-extensions/coc-svelte", "description": "Syntax highlighting and support for (Neo)Vim.", "stars": "181"}, {"name": "Svelte", "url": "https://plugins.jetbrains.com/plugin/12375-svelte", "description": "Syntax highlighting and support for JetBrains."}]}, {"name": "Desktop", "parent": "Application Examples", "entries": [{"name": "Oxide-Lab", "url": "https://github.com/FerrisMind/oxide-lab", "description": "Privacy-focused local LLM chat application built with Svelte 5 frontend and Rust backend using the `candle` ML framework.", "stars": "103"}]}]}