Svelte
App framework.
Contents
Integrations
Preprocessing
A preprocessor for PostCSS, SCSS, Less, Stylus, Coffeescript, TypeScript, Pug and much more.
Preprocessor for MDX markdown.
Switch case syntax for Svelte.
Preprocessor for less.
Preprocessor support for modular-css.
Preprocessor for sass.
Write Svelte components in markdown syntax.
Svelte + Markdown + LaTeX.
State Libraries
UI Libraries
Bootstrap 4 & 5 components.
Svelte implementation of the IBM Carbon Design System.
Material UI Components.
A collection of accessible, reusable, and composable headless component builders and utilities.
A pretty cool and modern UI kit. (pre-v5)
Svelte integration with Ionic's UI for mobile app development, including many starters.
Large collection of components, actions, stores, and utilities to build highly interactive applications
Robust component library implementing Material Design 3
UI framework with material components built with Tailwind CSS. (pre-v5)
A collection of 20+ Svelte UI components for building fast-performing, interactive and responsive web apps.
Accessible Svelte Component Primitives (that also work with React, Vue 3, and Angular).
Highly configurable headless framework agnostic component library
UI Components
Table
A toolkit for creating datatable components with Svelte.
A table implementation that allows sorting and filtering.
Agnostic web-component for object-arrays with CRUD functionality. Sort and resize columns. Multiple tables per page.
Svelte-generic-crud-table with paginator.
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-based pivot table library with drag'n'drop functionality.
A Svelte datagrid with in-cell editing, sorting, context menu, collapsible and frozen columns, tree data view, paging and virtual scrolling.
Powerful data grid library based on revogrid with best features from Excel.
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
Toast notifications component that can be used in any JS application.
A custom component that adds a favicon and a badge that you can use to show for example number of unread messages, etc.
Simple elegant toast notifications.
Buttery smooth toast notifications for Svelte, inspired by React Hot Toast. Lightweight, customizable, and beautiful by default.
An opinionated toast component for Svelte.
Grid
Icons
Access thousands of icons as components on-demand universally.
Tiny FontAwesome 5 and 6 component.
Awesome SVG icon component, built with Font Awesome icons.
Effortless Icon Packs & Components for Svelte, React, Vue and more.
Icon components.
Icons, crafted by the creators of Tailwind CSS.
It makes it very simple to use SVG icons in your Svelte projects.
Unicons svg icons for Svelte based on @iconscout/unicons.
Implementation of the lucide icon library for svelte applications.
Based on <https://github.com/react-icons/react-icons>.
A fontawesome v6 icons wrapper for svelte its awesome.
Beautiful, production-ready icon package for Svelte with complete icon coverage.
Calendar
A component wrapper around FullCalendar.
A lightweight datepicker with neat animations and a unique UX.
A date and time picker for Svelte with clean UX.
A material design event calendar library.
Maps
Google Maps component.
MapBox map and autocomplete components.
Svelte wrapper for Leaflet.
Web application that shows how to use the ArcGIS API for JavaScript with Svelte.
Svelte bindings for the MapLibre mapping library.
Charts
Svelte bindings for frappe-charts.
A framework for mostly-reusable graphics with svelte
Large collection of composable Svelte components to build a wide range of visualizations, built upon Layer Cake
An interactive, customizable Gantt chart component written in Svelte
A component to transition, format, and localize numbers.
A lightweight component to render tree views.
A Svelte component to format and display a copyright notice.
Full featured resizeable views panels.
A Svelte component for MathJax.
A Svelte component for building animated step flows.
A 3D Progress Bar component
Svelte component for showing speedometer like gauge using d3.
Easy, dependency free embeds for Svelte and Vue.
Port of streamdown. An all in one markdown renderer optimized for streaming with built in styles, math, mermaid, code highlighting support and more.
A customizable terminal-style component for Svelte 5.
Utilities
Animations
beautifully crafted, moving icons. for svelte.
A simple and reusable typewriter effect for your Svelte applications.
Native app-like page transitions with spring physics, 60fps on mobile, SSR-ready, and all modern browser support.
Drag & Drop
Declarative form validation framework inspired by unit testing.
A good solution to generate and control a dynamic forms using core and custom rules with customize styles. (pre-v5)
A No-code Drag n Drop Form Builder built for Svelte.
Svelte stale while revalidate (SWR) data fetching strategy.
An easy-to-use service worker build plugin where you don't need to worry about cache durations.
Component for rendering outside the DOM of parent component.
A component to teleport elements across the DOM.
Tiny component for easily loading Fonts via the Google Fonts API including autocompletion.
Components for easy integration of Fluent localization.
Internationalization library for Svelte.
For integrating i18n style localization in SvelteKit.
Web-based localization tool enabling users to translate directly in the Svelte app they develop.
Lightweight, simple, flexible, automatic translation internationalization tool for Svelte.
Internationalization library that lets you just write your code, no function calls or other ceremonies needed.
Scaffold
Generates scaffold for a vite + svelte app.
A CLI for creating a new SvelteKit project.
A open source, fast, and free to host Svelte SaaS template.
A starter template for PWAs based in the official Template. (pre-v5)
Template for Svelte + Docker + Vite + Vitest.
A modern documentation template built with Svelte 5, MDSvex, and Tailwind CSS.
An official quickstart template with Phaser.
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.
Routers
Router adds routing to your Single Page Applications (SPA). Includes localisation, guards and nested layouts.
A declarative Svelte routing library with SSR support.
A tiny, dependency free and highly declarative router.
Optimized for Single Page Applications (SPA) with hash based routing and support for parameters.
Svelte Client Router is everything you need and think when routing SPA's.
A simple & easy to use SPA router, developed with page transitions in mind.
Another vue-router inspired Svelte router.
Small (< 180LoC), fast, easy, full featured SPA router
First Svelte 5 SPA router with nesting, hooks, and more.. Use components, snippets, or both!
Fast, reactive router with always-on path and hash routing, and the router that invented multi-hash routing.
Type-safe SPA router with file-based or code-based routing.
Frameworks
Dev Tools
Lint
Test
A Jest transformer to compile your components before importing them into tests.
Simple and complete Svelte DOM testing utilities that encourage good testing practices.
Jest Transformer for Svelte components.