useful resources for Svelte v3+
- deprecated for svelte-society/sveltesociety.dev
The official successor to this project, svelte-society/sveltesociety.dev, is live at sveltesociety.dev. Please direct your submissions there instead of here. <3
See also awesome-svelte and other awesome lists.
notes
- See contributing.md for submission info.
- Needs more links. Send pulls and issues!
- Many project descriptions could be updated, clarified, expanded, etc.
- If a project fails to meet acceptable quality standards, please open an issue or PR to discuss removing it.
svelte
@sveltejs -
Cybernetically enhanced web appssapper
@sveltejs -
Military-grade progressive web apps, powered by SvelteInternationalized versions of the official Svelte website.
Join in! :city_sunrise: See sveltejs/community for the official data relating to the Svelte community and events.
The official list of integrations is sveltejs/integrations. Look there first - they're mostly not duplicated here. Maybe they should be?
svelte-loader
@sveltejs -
Webpack loader for Svelte componentsrollup-plugin-svelte
@rollup -
Compile Svelte components with Rollupsvelte-preprocess
@kaisermann -
A Svelte preprocessor with baked in support for common preprocessorsmdsvex
@pngwn -
A markdown preprocessor for Sveltesvelte-preprocess-markdown
@AlexxNB -
Write Svelte components in markdown syntaxsvelte-ts-preprocess
@PaulMaly -
Typescript preprocessor for Svelte 3@pyoner/svelte-ts-preprocess
@pyoner -
Typescript monorepo for Svelte v3 (preprocess, template, types)svelte-preprocess-postcss
@TehShrike -
PostCSS preprocessorsvelte-preprocess-sass
@ls-age -
SASS/SCSS preprocessorsvelte-preprocess-less
@ls-age -
LESS preprocessor@modular-css/svelte
@modular-css -
modular-css
preprocessorSome components are bundled with specific preprocessors that they rely on; those projects are listed under components and libraries.
@pwa/cli
@lukeed -
Universal PWA Builder (WIP)baelte
@kennethlarsen -
CLI tool for svelte to help you be productivesvb
@himynameisdave -
A zero-config CLI to bundle Svelte apps (WIP)svelte-language-server
@UnwrittenFun -
A WIP language server for Sveltesapper
@sveltejs -
Military-grade progressive web apps, powered by SvelteTo avoid downloading a template's git history,
installation via degit
is recommended:
npx degit sveltejs/template svelte-app
@testing-library/svelte
@testing-library -
Simple and complete DOM testing utilities that encourage good practicesjest-transform-svelte
@rspieker -
Jest Transformer for Svelte componentssvelte-test
@pngwn -
Testing utilities for Sveltesvelte-jest
@ktsn -
Jest Svelte component transformerIf you have any submissions, updates, or ideas to improve this list of links, please feel free to open an issue or PR.
See the FAQ for some good info about Svelte routing solutions.
Sapper touts a filesystem-based routing solution along with a full app framework.
svelte-routing
@EmilTholin -
A declarative Svelte routing library with SSR supportsvelte-state-renderer
@TehShrike -
abstract-state-router renderer for Sveltesvelte-spa-router
@ItalyPaleAle -
Router for SPAs using Svelte 3svero
@kazzkiq -
A simple router for Svelte 3swheel
@qutran -
Ultimate Svelte router@jamen/svelte-router
@jamen -
Svelte router using a store and componentssvelte-hash-router
@pynnl -
Simple Svelte 3 hash based router with global routessvelte-router-spa
@jorgegorka -
Svelte router specially designed for Single Page Applications (SPA)@spaceavocado/svelte-router
@spaceavocado -
Simple Svelte Router for Single Page Applications (SPA)svelte-page-router
@PaulMaly -
Simple config-based router with DX similar to VueRouter. Works well on the server-sidesvelte-router
@jikkai -
Router component for Sveltesvelte-navaid
@jacwright -
A Svelte router powered by lukeed/navaid@slick-for/svelte
@shavyg2 -
Manage your views and routing using class decorators and dependency injectioncrayon-svelte
@alshdavid -
Framework agnostic UI router for SPAs with specific support for Sveltesvelte-filerouter
@jakobrosenberg -
Filesystem-based router inspired by Sapper's routingyrv
@pateketrueke -
Basic router with queryParams and hash-based routing supportroutify
@sveltech -
Routes automated by your file structurecarbon-components-svelte
@IBM - Svelte implementation of the Carbon Design Systemsvelma
@c0bra -
Bulma components for Sveltesmelte
@matyunya -
Material design components for Svelte using Tailwind CSSsvelte-toolbox
@svelte-toolbox -
A UI component library for Svelte implementing Google's Material Design specificationsvelte-material-ui
@hperrin -
Svelte Material UI Componentssvelteify
@exybore -
Material components library for Svelte using the stylesheet of Vuetifysveltemantic
@titans-inc -
Fomantic-UI components for Svelte 3sveltestrap
@bestguy -
Bootstrap 4 components for Sveltesvelte-ui
@vikignt -
Simple Svelte 3 UI componentssvmd
@hkh12 -
Easy-to-use, Customizable Material Design components for Sveltesvelte-chota
@AlexxNB -
Svelte UI components based on super lightweight chota CSS framework.svelte-mui
@vikignt -
Simple Svelte UI components inspired by Google's Material Design@zooplus/zoo-web-components
@zooplus -
Web-components library built with Svelte@sveltejs/svelte-virtual-list
@sveltejs -
A virtual list component for Svelte apps@sveltejs/svelte-scroller
@sveltejs -
A <Scroller>
component for Svelte apps@sveltejs/svelte-subdivide
@sveltejs -
A component for building Blender-style layouts in Svelte apps (VERSION 2)svelte-grid
@vaheqelyan -
A responsive, draggable and resizable grid layout, for Sveltesvelte-sortable-list
@brunomolteni -
A list with animated drag-n-drop functionality@beyonk/svelte-carousel
@beyonk-adventures -
A super lightweight, super simple carousel for Svelte 3multicarousel
@sciactive -
A dependency free multiple item JavaScript carouselsvelte-swipe
@SharifClick -
Swipable items wrapper (no dependencies)svelte-tabs
@joeattardi -
Tabs component for Sveltesvelte-media-query
@xelaok -
CSS media queries in Sveltesvelte-match-media
@pearofducks -
a matchMedia plugin for Svelte 3svelte-watch-resize
@xelaok -
Watch element resize in Sveltesvelte-simple-modal
@flekschas -
A simple, small, and content-agnostic modal for Sveltesvelte-popover
@vaheqelyan -
A smart popover component for Sveltesvelte-headroom
@collardeau -
A Svelte component to hide your header on scrollsvelte-table
@dasDaniel -
A Table component with sorting and filtering@egjs/svelte-infinitegrid
@naver -
A component wrapping egjs-infinitegrid for infinite card layouts@sveltejs/svelte-repl
@sveltejs -
The <Repl>
component used on the Svelte websitesvelte-color-picker
@qintarp -
A color picker component for Sveltesvelte-select
@rob-balfre -
A select component for Svelte appssvelte-rate-it
@emrekara37 -
A rate component for Svelte appswaxwing-rating
@dmitrykurmanov -
rating widget for the web@beyonk/gdpr-cookie-consent-banner
@beyonk-adventures -
A GDPR compliant cookie consent banner implementationsvelte-inspect
@trbrc -
console.log()-like interactive inspector for Svelte 3@okrad/svelte-progressbar
@okrad -
A multiseries, SVG progressbar component made with Sveltesvelte-ruler
@daybrush -
A Ruler component that can draw grids and scroll infinitelysvelte-json-tree
@tanhauhau -
JSON viewer component used in the Svelte REPLsvelte-checkbox
@HosseinShabani -
A checkbox component for Svelte (Cool animation, Customizable).svelte-icons
@gibdig -
Icon components for Svelte, featuring many icon setssvelte-awesome
@RobBrazier -
Awesome SVG icon component for Svelte JS, built with Font Awesome iconssvelte-fa
@Cweili -
Tiny FontAwesome 5 component for Sveltefa-svelte
@alphapeter -
Font Awesome 5 for Sveltesvelte-feather-icons
@dylanblokhuis -
Feather icons for Sveltesvelte-simple-icons
@beyonk-adventures -
SVG icons for popular brandsSee the ui component sets section for more.
@spaceavocado/svelte-form
@spaceavocado -
Simple Svelte form model handler and input validationssvelte-forms
@chainlist -
Svelte forms validation made easysvelte-forms-lib
@tjinauyeung -
A lightweight library for managing forms in Sveltesveltejs-forms
@mdauner -
Form components using Yup for validationsvelte-formly
@arabdevelop -
Form components and validations that are easy to extendsvelidation
@yazonnile -
Easily customizable library for validation scenarios in svelte componentssvelte-typewriter
@henriquehbr -
A simple and reusable typewriter effectsvelte-waypoint
@matyunya -
Lazyload images or anything component for Sveltesvelte-image
@matyunya -
Image processing with Sharp for Sveltesvelte-image-encoder
@saabi -
An <ImgEncoder>
component for editing and compressing profile picturessvelte-easy-crop
@ValentinH -
A Svelte component to crop images with easy interactionsecharts-for-svelte
@liyuanqiu -
Baidu Echarts(v3.0 & v4.0) components for Svelte wrappersvelte-fusioncharts
@priyanjitdey94 -
Svelte component for FusionCharts JavaScript charting librarysvelte-frappe-charts
@himynameisdave -
Svelte bindings for frappe-charts
.svelte-calendar
@6eDesign -
A lightweight datepicker with neat animations and a unique UXsvelte-flatpickr
@jacobmischka -
Flatpickr component for Sveltesvelte-touch-datepicker
@SharifClick -
A simple date picker - best for mobile web app (no dependencies)svelte-touch-timepicker
@SharifClick -
A simple time picker - best for mobile web app (no dependencies)@beyonk/svelte-notifications
@beyonk-adventures -
Svelte toast notifications that can be used in any JS applicationsvelte-notifications
@keenethics -
Simple and flexible notifications system@beyonk/svelte-mapbox
@beyonk-adventures -
Mapbox integration for Svelte@beyonk/svelte-googlemaps
@beyonk-adventures -
Google Maps integration for Sveltesvelte-pick-a-place
@jimutt -
Svelte component for position and area selection with Leafletsvelte-i18n
@kaisermann -
Internationalization library for Sveltesvelte-intl
@Panya -
Internationalize your Svelte apps using format-message and Intl objectsvelte-writable-derived
@PikadudeNo1 -
Two-way data-transforming storessvelte-apollo
@timhall -
Svelte integration for Apollo GraphQLsvelte-webext-storage-adapter
@PikadudeNo1 -
Writable stores for Firefox/Chrome extensions using chrome.storage
svelte-observable
@timhall -
Use observables in Svelte components with easesvelte-mobx
@xelaok -
Reactive MVVM with MobX & Sveltesvelte-redux-connect
@kolodziejczak-sz -
Redux binding to Svelte based on react-reduxsvql
@pateketrueke -
Wrapper for FetchQL, a GraphQL query clientsvelte-backed-store
@JohnPeel -
Stores backed by localStorage or sessionStorage@sveltejs/gestures
@sveltejs -
Svelte actions for cross-platform gesture detection (work in progress)@beyonk/svelte-scrollspy
@beyonk-adventures -
Scroll Spy component for Sveltesvelte-moveable
@daybrush -
Component for moveable, draggable, resizable, scalable, rotatable, and moresvelte-loadable
@kaisermann -
Dynamically load a Svelte componentsvelte-content-loader
@PaulMaly -
SVG placeholder components for loading content@beyonk/svelte-google-analytics
@beyonk-adventures -
Google Analytics tracking module for Svelte / Sapper@beyonk/svelte-facebook-pixel
@beyonk-adventures -
A Facebook pixel module for Svelte / Sapper@beyonk/svelte-facebook-customer-chat
@beyonk-adventures -
A Facebook customer chat integration for Svelte / Sapper@beyonk/svelte-trustpilot
@beyonk-adventures -
Trustpilot Trustboxes for Svelte / Sapper@dopry/svelte-auth0
@dopry - Auth0 Integration Components for Svelte.sveltedoc-parser
@alexprey -
Generate a JSON documentation for a Svelte componentprettier-plugin-svelte
@UnwrittenFun -
Format your Svelte components using Prettiersvelte-inspector
@qutran -
Development helper for inspecting and opening Svelte components in your editorsvelte-dev-helper
@ekhaled -
Helper for Svelte components to ease development. Used by svelte-loader
@svelte-docs/core
@AlexxNB -
A rapid way to write documentation for your Svelte componentsprism-svelte
@pngwn -
Syntax highlighting for Svelte code with prismjshighlightjs-svelte
@AlexxNB -
Svelte language definition for Highlight.jssvelte-adapter
@pngwn -
Use Svelte components with Vue and Reactsvelte-css-vars
@kaisermann -
Ever wanted to have reactive css variables in Svelte? What if I tell you there's a way?svelte-adaptive-sensors
@pngwn -
Sensors to deliver adaptive loading based on a user's device and network@sveltejs/gl
@sveltejs -
A (very experimental) project to bring WebGL to Svelteopen source Svelte in the wild
<Repl>
component used on the Svelte website (https://svelte.dev/repl)CC0 (public domain)