Components
Forms & User Input
svelte-formula npm install https://www.npmjs.com/package/svelte-formula
Zero Configuration Reactive Forms for Svelte
svelte-calendar npm install svelte-calendar
A lightweight datepicker with neat animations and a unique UX
201svelte-tags-input npm install svelte-tags-input
Svelte tags input is a component to use with Svelte and easily enter tags and customize some functions
70aovi-svelte npm install aovi-svelte
Easy use Aovi to validate forms or values in your components
2svelte-formly npm install svelte-formly
Generate dynamic forms for sveltejs / Sapper js
62@easylogic/svelte-summernote npm install @easylogic/svelte-summernote
summernote extension for Svelte, a wysiwyg editor
5@equipmentshare/date-range-input npm install @equipmentshare/date-range-input
A user interface for inputting date ranges
8svelte-pick-a-place npm install svelte-pick-a-place
Svelte component for position and area selection with Leaflet
42select-madu npm install select-madu
A replacement for the select menu with searching, multiple selections, async data loading etc.,
7svelte-color-picker npm install svelte-color-picker
A color picker component for Svelte
50svelte-range-slider-pips npm install svelte-range-slider-pips
Range Slider Input, with Multi-handle and Pips features
5@spaceavocado/svelte-form npm install @spaceavocado/svelte-form
Simple Svelte form model handler and input validations
26@sveltejs/svelte-repl npm install @sveltejs/svelte-repl
The `<Repl>` component used on the Svelte website
169svelte-file-dropzone npm install svelte-file-dropzone
Svelte component for file upload and file dropzone.
14svelte-forms-lib npm install svelte-forms-lib
A lightweight library for managing forms in Svelte
160svelte-easy-crop npm install svelte-easy-crop
A Svelte component to crop images with easy interactions
64svelte-input-mask npm install svelte-input-mask
Input masking component for Svelte (credit cards, phones, dates, numbers, etc.)
42svelidation npm install svelidation
Easily customizable library for validation scenarios in svelte components.
30svelte-fullcalendar npm install svelte-fullcalendar
A Svelte component wrapper around FullCalendar.
35@svelte-parts/drop-file npm install @svelte-parts/drop-file
Drop files(s) or click to browse file system
@svelte-parts/editor npm install @svelte-parts/editor
A markdown editor and codemirror wrapper
Boilerplate
agusID/boilerplate-svelte
Boilerplate with TypeScript, Webpack, Storybook, Travis CI, SCSS, Babel, EsLint, Prettier, Jest
51angelozehr/svelte-example-museums
An example repo of a Svelte app that is IE11 compatible
27antony/svelte-box
A truffle box for Svelte, a seed for building an Ethereum dapp using Truffle
30beyonk-adventures/svelte-component-livereload-template
Component template with LiveReload and Jest unit testing
13TodoMVC Svelte
A complete implementation with components, store, unit e2e tests and linting.
22brandonxiang/svelte-webpack-mpa
A template to create multi-page application powered by Webpack
11chuanqisun/svelte-electron-template
The bare minimum boilerplate to use Svelte in electron
7dafn/svelte-typescript-parcel
Minimal boilerplate example of Svelte with Typescript using Parcel. This also includes scss support
46dafn/svelte-typescript-rollup
Minimal boilerplate example of Svelte with Typescript using Rollup. This also includes scss support
78Sapper (Webpack) + TailwindCSS Template
Starter Webpack template for Sapper apps using tailwindcss, postcss, purgecss, and svelte-preprocess.
7geakstr/svelte-3-rollup-typescript-vscode
Starter for Svelte 3/rollup/typescript/vscode
45Holben888/svelte-starter-template
A small starter template to get up and running with Svelte v3
35sapper-ecommerce
Svelte ecommerce - Headless, Authentication, Cart & Checkout, TailwindCSS, Server Rendered, Proxy + API Integrated, Animations, Stores, Lazy Loading, Loading Indicators, Carousel, Instant Search, Faceted Filters, 1 command deploy to production, Open Source, MIT license
215jerriclynsjohn/svelte-storybook-tailwind
Svelte + Storybook + Tailwind - Starter Template
161jorgegorka/svelte-firebase
A template to help you start developing SPAs with Svelte and Firebase
80lpshanley/svelte-phonegap
Template for building phonegap hybrid applications with Svelte
8LunaTK/svelte-web-component-builder
Minimal setup for building svelte as a web component module
1svelte-webpack-babel-scss
Svelte template with webpack, babel, eslint and scss. Using browserslist with corejs for legacy browser support
1n0th1ng-else/svelte-typescript-sass
Boilerplate code with Typescript and Sass bundled by Webpack
12NazimAli2017/svelte-template
Modern build process with Svelte, WebPack, PurgeCSS, code splitting, lazy loading...etc
neighbourhoodie/svelte-pouchdb-couchdb
Offline-Capable todo list built with Svelte, PouchDB and CouchDB
32Sapper - Firebase functions
Starter Rollup template for Sapper apps with Firebase functions
13Sapper - PostCSS, Tailwind CSS, PurgeCSS, cssnano
Starter Rollup template for Sapper apps using postcss, purgecss, cssnano, tailwindcss and svelte-preprocess
17nitro52/svelte-typescript-sass-template
Template with Typescript, Sass, Storybook, Webpack
13nye/svelte-electron-better-sqlite3-starter
Starter to built Electron apps with Svelte and Better SQLite3
5OrdinaryJellyfish/svelte-routing-template
Svelte webpack template with routing and lazy-loading
14pankod/svelte-boilerplate
Svelte application boilerplate with Webpack, Sass, BabelJS, Fetch, PostCSS, Jest, and .Env
188pbastowski/svelte-poi-starter
Svelte 3 starter with POI 12 and Prettier. Outputs web apps or web components
10svelte-ts-snowpack-vscode
Svelte + Snowpack, TypeScript, SCSS, Jest with tight VSCode debugging
4pyoner/svelte-typescript
Typescript monorepo for Svelte v3 (preprocess, template, types)
211@pyoner/svelte-ts-preprocess npm install @pyoner/svelte-ts-preprocess
Typescript monorepo for Svelte v3 (preprocess, template, types)
211ricalamino/svelte-firebase-auth
Svelte App with Firebase Authentication for all purposes
35Rich-Harris/svelte-template-electron
A template for building Electron apps with Svelte (**VERSION 2**)
72rixo/svelte-template-hot
Clone of official Svelte template with added HMR support using Nollup
45generator-svelte npm install generator-svelte
Yeoman generator generating a boilerplate Svelte.js app with all of svelte-preprocess' options
15spaceavocado/svelte-router-template
Boilerplate template project for SPA router spaceavocado/svelte-router
6stephanepericat/svelte-boilerplate
Boilerplate with Webpack, Cypress, Travis CI, Storybook, and SASS
15SteveALee/svelte-code-cypress-project
Template with VSCode, Prettier, ESLint, Cypress, and Rollup
3sveltejs/template-custom-element
Template for building basic applications with Svelte and custom elements
17sveltejs/template-webpack
Template for building basic Svelte applications with webpack
205Ionic Svelte UI demo
A showcase app for all Ionic UI elements to create awesome mobile apps. Published as web app too.
113will-wow/svelte-typescript-template
Template with TypeScript, Babel, Jest, Svelte-Testing-Library, Eslint, and Prettier
4Zimtir/SENT-template
Skip setup and start code with SENT (Sapper.js, Express.js, Node.js, Typescript) and other tools template
55Developer Experience
sveltedoc-parser npm install sveltedoc-parser
Generate a JSON documentation for a Svelte component
33@svelte-docs/core npm install @svelte-docs/core
A rapid way to write documentation for your Svelte components
81svelte-dev-helper npm install svelte-dev-helper
Helper for Svelte components to ease development. Used by `svelte-loader
6vite-plugin-svelte npm install vite-plugin-svelte
Vite plugin for compiling Svelte components
44svelte-preprocess npm install svelte-preprocess
A Svelte preprocessor with baked in support for common preprocessors
808svelte-preprocessor-fetch npm install svelte-preprocessor-fetch
A preprocessor for Svelte that can be used to fetch data before components are compiled.
42svelte-ts-preprocess npm install svelte-ts-preprocess
Typescript preprocessor for Svelte 3
103svelte-inspector npm install svelte-inspector
Development helper for inspecting and opening Svelte components in your editor
54Svelte DevTools
Chrome/Firefox extension that allows inspection of Svelte components and state
395rollup-plugin-svelte npm install rollup-plugin-svelte
Compile Svelte components with Rollup
282language-tools npm install language-tools
A language server and VSCode extension for Svelte, useful for TypeScript support in templates
419svelte-intellij
Provides syntax highlighting of Svelte components in WebStorm and friends
288svelte-inspect npm install svelte-inspect
console.log()-like interactive inspector for Svelte 3
33prettier-plugin-svelte npm install prettier-plugin-svelte
Format your Svelte components using Prettier
230Design System
svelte-chota npm install svelte-chota
Svelte UI components based on super lightweight chota CSS framework.
92svelteify npm install svelteify
Material components library for Svelte using the stylesheet of Vuetify
40carbon-components-svelte npm install carbon-components-svelte
Svelte implementation of the Carbon Design System
314svelte-toolbox npm install svelte-toolbox
A UI component library for Svelte implementing Google's Material Design specification
68svelte-mui npm install svelte-mui
A set of Svelte UI components inspired by Google's Material Design
193@zooplus/zoo-web-components npm install @zooplus/zoo-web-components
Web-components library built with Svelte
27
10Design Pattern
svelte-eventbus npm install svelte-eventbus
Simple eventbus realization based on internal Svelte's tools only
14@sveltejs/svelte-virtual-list npm install @sveltejs/svelte-virtual-list
A virtual list component for Svelte apps
312Unclassified
svelte-preprocess-markdown npm install svelte-preprocess-markdown
Write Svelte components in markdown syntax
66svelte-fullscreen npm install svelte-fullscreen
Component that performs fullscreen in DOM Elements
17svelte-grid-responsive npm install svelte-grid-responsive
Responsive grid system based on Bootstrap for Svelte
8svelte-infinite-scroll npm install svelte-infinite-scroll
Infinite Scroll Component to Svelte
74@beyonk/svelte-scrollspy npm install @beyonk/svelte-scrollspy
Scroll Spy component for Svelte
21svelte-ruler npm install svelte-ruler
A Ruler component that can draw grids and scroll infinitely
svelte-icons npm install svelte-icons
Icon components for Svelte, featuring many icon sets
54svelte-typewriter npm install svelte-typewriter
A simple and reusable typewriter effect for your Svelte applications
53svelte-copyright npm install svelte-copyright
A Svelte component to format and display a copyright notice.
4svelte-css-vars npm install svelte-css-vars
Ever wanted to have reactive css variables in Svelte? What if I tell you there's a way?
119svelte-favicon-badge npm install 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.
59svelte-redux-connect npm install svelte-redux-connect
Redux binding to Svelte based on react-redux
9svelte-inview npm install svelte-inview
A Svelte component that monitors an element enters or leaves the viewport.🔥
11svelte-waypoint npm install svelte-waypoint
Lazyload images or anything component for Svelte
56@egjs/svelte-infinitegrid npm install @egjs/svelte-infinitegrid
Arrange infinite card elements according to various layout types like masonry
@okrad/svelte-progressbar npm install @okrad/svelte-progressbar
A multiseries, SVG progressbar component made with Svelte
37svelte-intl npm install svelte-intl
Internationalize your Svelte apps using format-message and Intl object
30svelte-content-loader npm install svelte-content-loader
SVG placeholder components for loading content
82svelte-image-compare npm install svelte-image-compare
Simple Svelte component to compare two images using slider.
10svelte-ticker npm install svelte-ticker
Simple Svelte component which automatically makes its contents scrollable ticker-style if it's necessary.
4svelte-viewpoint npm install svelte-viewpoint
Dynamically load a Svelte component with placeholders and preloading
14svelte-awesome npm install svelte-awesome
Awesome SVG icon component for Svelte JS, built with Font Awesome icons
156svelte-image-encoder npm install svelte-image-encoder
An `<ImgEncoder>` component for editing and compressing profile pictures
25svelte-marquee npm install svelte-marquee
Marquee fully responsive and adaptive for Svelte
1svelte-infinite-loading npm install svelte-infinite-loading
An infinite scroll component for Svelte apps
27svelte-multitoneimage npm install svelte-multitoneimage
Component to easily generate multitone images
5svelte-progresscircle npm install svelte-progresscircle
Flexible circular progress bar component
6@sveltejs/gl npm install @sveltejs/gl
A (very experimental) project to bring WebGL to Svelte
399@sveltejs/svelte-scroller npm install @sveltejs/svelte-scroller
A `<Scroller>` component for Svelte apps
131@sveltejs/svelte-subdivide npm install @sveltejs/svelte-subdivide
A component for building Blender-style layouts in Svelte apps (**VERSION 2**)
90s-offline npm install s-offline
🔌 Simple Svelte component to detect offline & online changes.
14svelte-tiny-virtual-list npm install svelte-tiny-virtual-list
A tiny but mighty list virtualization library for Svelte, with zero dependencies - Supports variable heights/widths, sticky items, scrolling to index, and more!
3@svelte-parts/icons npm install @svelte-parts/icons
SVG icons from feather icons, maki icons and octicons
svelte-pdf npm install svelte-pdf
svelte-pdf provides a component for rendering PDF documents using PDF.js
41Routers
tinro npm install tinro
Highly declarative, very tiny (~3.8 Kb), dependency free router
123crayon-svelte npm install crayon-svelte
Framework agnostic UI router for SPAs with specific support for Svelte
298@bjornlu/svelte-router npm install @bjornlu/svelte-router
An easy-to-use SPA router for Svelte
10svelte-routing npm install svelte-routing
A declarative Svelte routing library with SSR support
1057@jamen/svelte-router npm install @jamen/svelte-router
Svelte router using a store and components
8svelte-router-spa npm install svelte-router-spa
Svelte router specially designed for Single Page Applications (SPA)
237svelte-navigator npm install svelte-navigator
Simple, declarative routing for single page apps built with Svelte
36svelte-page-router npm install svelte-page-router
Simple config-based router with DX similar to VueRouter. Works well on the server-side
17svelte-hash-router npm install svelte-hash-router
Simple Svelte 3 hash based router with global routes
21@slick-for/svelte npm install @slick-for/svelte
Manage your views and routing using class decorators and dependency injection
24@spaceavocado/svelte-router npm install @spaceavocado/svelte-router
Simple Svelte Router for Single Page Applications (SPA)
40svelte-state-renderer npm install svelte-state-renderer
abstract-state-router renderer for Svelte
29Stores
svelte-websocket-store npm install svelte-websocket-store
Svelte store with a websocket backend
45query-store npm install query-store
Writable store that syncs with the browser's search params
17svelte-asyncable npm install svelte-asyncable
Asyncable store for Svelte 3 which is store a value as promise.
26svelte-webext-storage-adapter npm install svelte-webext-storage-adapter
Writable stores for Firefox/Chrome extensions using `chrome.storage
8svelte-writable-derived npm install svelte-writable-derived
Two-way data-transforming stores
25
svelte-observable npm install svelte-observable
Use observables in Svelte components with ease
40
Undoable store npm install @macfja/svelte-undoable
Memento design pattern (undo/redo) in Svelte
24User Interaction
@beyonk/gdpr-cookie-consent-banner npm install @beyonk/gdpr-cookie-consent-banner
A GDPR compliant cookie consent banner implementation
44@beyonk/svelte-carousel npm install @beyonk/svelte-carousel
A super lightweight, super simple carousel for Svelte 3
109@beyonk/svelte-notifications npm install @beyonk/svelte-notifications
Svelte toast notifications that can be used in any JS application
114svelte-headroom npm install svelte-headroom
A Svelte component to hide your header on scroll
49svelte-moveable npm install svelte-moveable
Component for moveable, draggable, resizable, scalable, rotatable, and more
svelte-simple-modal npm install svelte-simple-modal
A simple, small, and content-agnostic modal for Svelte
82svelte-notifications npm install svelte-notifications
Simple and flexible notifications system
163svelte-page-progress npm install svelte-page-progress
Svelte Component that tracks a users progress through a page as they scroll
4svelte-accessible-dialog npm install svelte-accessible-dialog
An accessible dialog component for Svelte apps
8multicarousel npm install multicarousel
A dependency free multiple item JavaScript carousel
31@sveltejs/gestures npm install @sveltejs/gestures
Svelte actions for cross-platform gesture detection (work in progress)
60svelte-grid npm install svelte-grid
A responsive, draggable and resizable grid layout, for Svelte
367Renderless Svelte npm install renderless-svelte
A collection of renderless/headless components for Svelte
61Integration
@beyonk/svelte-facebook-customer-chat npm install @beyonk/svelte-facebook-customer-chat
A Facebook customer chat integration for Svelte / Sapper
1@beyonk/svelte-facebook-pixel npm install @beyonk/svelte-facebook-pixel
A Facebook pixel module for Svelte / Sapper
5@beyonk/svelte-google-analytics npm install @beyonk/svelte-google-analytics
Google Analytics tracking module for Svelte / Sapper
9@beyonk/svelte-googlemaps npm install @beyonk/svelte-googlemaps
Google Maps integration for Svelte
22@beyonk/svelte-trustpilot npm install @beyonk/svelte-trustpilot
Trustpilot Trustboxes for Svelte / Sapper
1svelte-native npm install svelte-native
Svelte controlling native components via Nativescript
679@lottiefiles/svelte-lottie-player npm install @lottiefiles/svelte-lottie-player
Lottie player component for use with Svelte for viewing Lottie animations.
25svelte-monetization npm install svelte-monetization
A minimal and lightweight wrapper for the Web Monetization API
12Data Visualisation
svelte-sortable-list npm install svelte-sortable-list
A list with animated drag-n-drop functionality
64svelte-data-grid npm install svelte-data-grid
A grid for displaying and editing any amount of data
88svelte-credit-cards npm install svelte-credit-cards
A component to render a credit card preview - useful for ecommerce.
20svelte-frappe-charts npm install svelte-frappe-charts
Svelte bindings for frappe-charts.
65svelte-compare-image-slider npm install svelte-compare-image-slider
A simple tool for comparing two images.
3echarts-for-svelte npm install echarts-for-svelte
Baidu Echarts(v3.0 & v4.0) components for Svelte wrapper
14svelte-fusioncharts npm install svelte-fusioncharts
Svelte component for FusionCharts JavaScript charting library
69@sveltejs/pancake npm install @sveltejs/pancake
Experimental charting library for Svelte
531svelte-heatmap npm install svelte-heatmap
Customizable version of GitHub's contribution graph
49Testing
svelte-fragment-component npm install svelte-fragment-component
Component that renders its children with lifecycle hooks to simplify testing
jest-transform-svelte npm install jest-transform-svelte
Jest Transformer for Svelte components
33@testing-library/svelte npm install @testing-library/svelte
Simple and complete DOM testing utilities that encourage good practices
319