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
svelte-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
aovi-svelte npm install aovi-svelte
Easy use Aovi to validate forms or values in your components
svelte-formly npm install svelte-formly
Generate dynamic forms for sveltejs / Sapper js
@easylogic/svelte-summernote npm install @easylogic/svelte-summernote
summernote extension for Svelte, a wysiwyg editor
@equipmentshare/date-range-input npm install @equipmentshare/date-range-input
A user interface for inputting date ranges
svelte-pick-a-place npm install svelte-pick-a-place
Svelte component for position and area selection with Leaflet
select-madu npm install select-madu
A replacement for the select menu with searching, multiple selections, async data loading etc.,
svelte-color-picker npm install svelte-color-picker
A color picker component for Svelte
svelte-range-slider-pips npm install svelte-range-slider-pips
Range Slider Input, with Multi-handle and Pips features
@spaceavocado/svelte-form npm install @spaceavocado/svelte-form
Simple Svelte form model handler and input validations
@sveltejs/svelte-repl npm install @sveltejs/svelte-repl
The `<Repl>` component used on the Svelte website
svelte-file-dropzone npm install svelte-file-dropzone
Svelte component for file upload and file dropzone.
svelte-forms-lib npm install svelte-forms-lib
A lightweight library for managing forms in Svelte
svelte-easy-crop npm install svelte-easy-crop
A Svelte component to crop images with easy interactions
svelte-input-mask npm install svelte-input-mask
Input masking component for Svelte (credit cards, phones, dates, numbers, etc.)
svelidation npm install svelidation
Easily customizable library for validation scenarios in svelte components.
svelte-fullcalendar npm install svelte-fullcalendar
A Svelte component wrapper around FullCalendar.
@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
angelozehr/svelte-example-museums
An example repo of a Svelte app that is IE11 compatible
antony/svelte-box
A truffle box for Svelte, a seed for building an Ethereum dapp using Truffle
beyonk-adventures/svelte-component-livereload-template
Component template with LiveReload and Jest unit testing
TodoMVC Svelte
A complete implementation with components, store, unit e2e tests and linting.
brandonxiang/svelte-webpack-mpa
A template to create multi-page application powered by Webpack
chuanqisun/svelte-electron-template
The bare minimum boilerplate to use Svelte in electron
dafn/svelte-typescript-parcel
Minimal boilerplate example of Svelte with Typescript using Parcel. This also includes scss support
dafn/svelte-typescript-rollup
Minimal boilerplate example of Svelte with Typescript using Rollup. This also includes scss support
Sapper (Webpack) + TailwindCSS Template
Starter Webpack template for Sapper apps using tailwindcss, postcss, purgecss, and svelte-preprocess.
geakstr/svelte-3-rollup-typescript-vscode
Starter for Svelte 3/rollup/typescript/vscode
Holben888/svelte-starter-template
A small starter template to get up and running with Svelte v3
sapper-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
jerriclynsjohn/svelte-storybook-tailwind
Svelte + Storybook + Tailwind - Starter Template
jorgegorka/svelte-firebase
A template to help you start developing SPAs with Svelte and Firebase
lpshanley/svelte-phonegap
Template for building phonegap hybrid applications with Svelte
LunaTK/svelte-web-component-builder
Minimal setup for building svelte as a web component module
svelte-webpack-babel-scss
Svelte template with webpack, babel, eslint and scss. Using browserslist with corejs for legacy browser support
n0th1ng-else/svelte-typescript-sass
Boilerplate code with Typescript and Sass bundled by Webpack
NazimAli2017/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
Sapper - Firebase functions
Starter Rollup template for Sapper apps with Firebase functions
Sapper - PostCSS, Tailwind CSS, PurgeCSS, cssnano
Starter Rollup template for Sapper apps using postcss, purgecss, cssnano, tailwindcss and svelte-preprocess
nitro52/svelte-typescript-sass-template
Template with Typescript, Sass, Storybook, Webpack
nye/svelte-electron-better-sqlite3-starter
Starter to built Electron apps with Svelte and Better SQLite3
OrdinaryJellyfish/svelte-routing-template
Svelte webpack template with routing and lazy-loading
pankod/svelte-boilerplate
Svelte application boilerplate with Webpack, Sass, BabelJS, Fetch, PostCSS, Jest, and .Env
pbastowski/svelte-poi-starter
Svelte 3 starter with POI 12 and Prettier. Outputs web apps or web components
svelte-ts-snowpack-vscode
Svelte + Snowpack, TypeScript, SCSS, Jest with tight VSCode debugging
pyoner/svelte-typescript
Typescript monorepo for Svelte v3 (preprocess, template, types)
@pyoner/svelte-ts-preprocess npm install @pyoner/svelte-ts-preprocess
Typescript monorepo for Svelte v3 (preprocess, template, types)
ricalamino/svelte-firebase-auth
Svelte App with Firebase Authentication for all purposes
Rich-Harris/svelte-template-electron
A template for building Electron apps with Svelte (**VERSION 2**)
rixo/svelte-template-hot
Clone of official Svelte template with added HMR support using Nollup
generator-svelte npm install generator-svelte
Yeoman generator generating a boilerplate Svelte.js app with all of svelte-preprocess' options
spaceavocado/svelte-router-template
Boilerplate template project for SPA router spaceavocado/svelte-router
stephanepericat/svelte-boilerplate
Boilerplate with Webpack, Cypress, Travis CI, Storybook, and SASS
SteveALee/svelte-code-cypress-project
Template with VSCode, Prettier, ESLint, Cypress, and Rollup
sveltejs/template-custom-element
Template for building basic applications with Svelte and custom elements
sveltejs/template-webpack
Template for building basic Svelte applications with webpack
Ionic Svelte UI demo
A showcase app for all Ionic UI elements to create awesome mobile apps. Published as web app too.
will-wow/svelte-typescript-template
Template with TypeScript, Babel, Jest, Svelte-Testing-Library, Eslint, and Prettier
Zimtir/SENT-template
Skip setup and start code with SENT (Sapper.js, Express.js, Node.js, Typescript) and other tools template
Developer Experience
sveltedoc-parser npm install sveltedoc-parser
Generate a JSON documentation for a Svelte component
@svelte-docs/core npm install @svelte-docs/core
A rapid way to write documentation for your Svelte components
svelte-dev-helper npm install svelte-dev-helper
Helper for Svelte components to ease development. Used by `svelte-loader
vite-plugin-svelte npm install vite-plugin-svelte
Vite plugin for compiling Svelte components
svelte-preprocess npm install svelte-preprocess
A Svelte preprocessor with baked in support for common preprocessors
svelte-preprocessor-fetch npm install svelte-preprocessor-fetch
A preprocessor for Svelte that can be used to fetch data before components are compiled.
svelte-ts-preprocess npm install svelte-ts-preprocess
Typescript preprocessor for Svelte 3
svelte-inspector npm install svelte-inspector
Development helper for inspecting and opening Svelte components in your editor
Svelte DevTools
Chrome/Firefox extension that allows inspection of Svelte components and state
rollup-plugin-svelte npm install rollup-plugin-svelte
Compile Svelte components with Rollup
language-tools npm install language-tools
A language server and VSCode extension for Svelte, useful for TypeScript support in templates
svelte-intellij
Provides syntax highlighting of Svelte components in WebStorm and friends
svelte-inspect npm install svelte-inspect
console.log()-like interactive inspector for Svelte 3
prettier-plugin-svelte npm install prettier-plugin-svelte
Format your Svelte components using Prettier
Design System
svelte-chota npm install svelte-chota
Svelte UI components based on super lightweight chota CSS framework.
svelteify npm install svelteify
Material components library for Svelte using the stylesheet of Vuetify
carbon-components-svelte npm install carbon-components-svelte
Svelte implementation of the Carbon Design System
svelte-toolbox npm install svelte-toolbox
A UI component library for Svelte implementing Google's Material Design specification
svelte-mui npm install svelte-mui
A set of Svelte UI components inspired by Google's Material Design
@zooplus/zoo-web-components npm install @zooplus/zoo-web-components
Web-components library built with Svelte
Design Pattern
svelte-eventbus npm install svelte-eventbus
Simple eventbus realization based on internal Svelte's tools only
@sveltejs/svelte-virtual-list npm install @sveltejs/svelte-virtual-list
A virtual list component for Svelte apps
Unclassified
svelte-preprocess-markdown npm install svelte-preprocess-markdown
Write Svelte components in markdown syntax
svelte-fullscreen npm install svelte-fullscreen
Component that performs fullscreen in DOM Elements
svelte-grid-responsive npm install svelte-grid-responsive
Responsive grid system based on Bootstrap for Svelte
svelte-infinite-scroll npm install svelte-infinite-scroll
Infinite Scroll Component to Svelte
@beyonk/svelte-scrollspy npm install @beyonk/svelte-scrollspy
Scroll Spy component for Svelte
svelte-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
svelte-typewriter npm install svelte-typewriter
A simple and reusable typewriter effect for your Svelte applications
svelte-copyright npm install svelte-copyright
A Svelte component to format and display a copyright notice.
svelte-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?
svelte-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.
svelte-redux-connect npm install svelte-redux-connect
Redux binding to Svelte based on react-redux
svelte-inview npm install svelte-inview
A Svelte component that monitors an element enters or leaves the viewport.🔥
svelte-waypoint npm install svelte-waypoint
Lazyload images or anything component for Svelte
@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
svelte-intl npm install svelte-intl
Internationalize your Svelte apps using format-message and Intl object
svelte-content-loader npm install svelte-content-loader
SVG placeholder components for loading content
svelte-image-compare npm install svelte-image-compare
Simple Svelte component to compare two images using slider.
svelte-ticker npm install svelte-ticker
Simple Svelte component which automatically makes its contents scrollable ticker-style if it's necessary.
svelte-viewpoint npm install svelte-viewpoint
Dynamically load a Svelte component with placeholders and preloading
svelte-awesome npm install svelte-awesome
Awesome SVG icon component for Svelte JS, built with Font Awesome icons
svelte-image-encoder npm install svelte-image-encoder
An `<ImgEncoder>` component for editing and compressing profile pictures
svelte-marquee npm install svelte-marquee
Marquee fully responsive and adaptive for Svelte
svelte-infinite-loading npm install svelte-infinite-loading
An infinite scroll component for Svelte apps
svelte-multitoneimage npm install svelte-multitoneimage
Component to easily generate multitone images
svelte-progresscircle npm install svelte-progresscircle
Flexible circular progress bar component
@sveltejs/gl npm install @sveltejs/gl
A (very experimental) project to bring WebGL to Svelte
@sveltejs/svelte-scroller npm install @sveltejs/svelte-scroller
A `<Scroller>` component for Svelte apps
@sveltejs/svelte-subdivide npm install @sveltejs/svelte-subdivide
A component for building Blender-style layouts in Svelte apps (**VERSION 2**)
s-offline npm install s-offline
🔌 Simple Svelte component to detect offline & online changes.
svelte-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!
@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
Routers
tinro npm install tinro
Highly declarative, very tiny (~3.8 Kb), dependency free router
crayon-svelte npm install crayon-svelte
Framework agnostic UI router for SPAs with specific support for Svelte
@bjornlu/svelte-router npm install @bjornlu/svelte-router
An easy-to-use SPA router for Svelte
svelte-routing npm install svelte-routing
A declarative Svelte routing library with SSR support
@jamen/svelte-router npm install @jamen/svelte-router
Svelte router using a store and components
svelte-router-spa npm install svelte-router-spa
Svelte router specially designed for Single Page Applications (SPA)
svelte-navigator npm install svelte-navigator
Simple, declarative routing for single page apps built with Svelte
svelte-page-router npm install svelte-page-router
Simple config-based router with DX similar to VueRouter. Works well on the server-side
svelte-hash-router npm install svelte-hash-router
Simple Svelte 3 hash based router with global routes
@slick-for/svelte npm install @slick-for/svelte
Manage your views and routing using class decorators and dependency injection
@spaceavocado/svelte-router npm install @spaceavocado/svelte-router
Simple Svelte Router for Single Page Applications (SPA)
svelte-state-renderer npm install svelte-state-renderer
abstract-state-router renderer for Svelte
Stores
svelte-websocket-store npm install svelte-websocket-store
Svelte store with a websocket backend
query-store npm install query-store
Writable store that syncs with the browser's search params
svelte-asyncable npm install svelte-asyncable
Asyncable store for Svelte 3 which is store a value as promise.
svelte-webext-storage-adapter npm install svelte-webext-storage-adapter
Writable stores for Firefox/Chrome extensions using `chrome.storage
svelte-writable-derived npm install svelte-writable-derived
Two-way data-transforming stores
svelte-observable npm install svelte-observable
Use observables in Svelte components with ease
Undoable store npm install @macfja/svelte-undoable
Memento design pattern (undo/redo) in Svelte
User Interaction
@beyonk/gdpr-cookie-consent-banner npm install @beyonk/gdpr-cookie-consent-banner
A GDPR compliant cookie consent banner implementation
@beyonk/svelte-carousel npm install @beyonk/svelte-carousel
A super lightweight, super simple carousel for Svelte 3
@beyonk/svelte-notifications npm install @beyonk/svelte-notifications
Svelte toast notifications that can be used in any JS application
svelte-headroom npm install svelte-headroom
A Svelte component to hide your header on scroll
svelte-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
svelte-notifications npm install svelte-notifications
Simple and flexible notifications system
svelte-page-progress npm install svelte-page-progress
Svelte Component that tracks a users progress through a page as they scroll
svelte-accessible-dialog npm install svelte-accessible-dialog
An accessible dialog component for Svelte apps
multicarousel npm install multicarousel
A dependency free multiple item JavaScript carousel
@sveltejs/gestures npm install @sveltejs/gestures
Svelte actions for cross-platform gesture detection (work in progress)
svelte-grid npm install svelte-grid
A responsive, draggable and resizable grid layout, for Svelte
Renderless Svelte npm install renderless-svelte
A collection of renderless/headless components for Svelte
Integration
@beyonk/svelte-facebook-customer-chat npm install @beyonk/svelte-facebook-customer-chat
A Facebook customer chat integration for Svelte / Sapper
@beyonk/svelte-facebook-pixel npm install @beyonk/svelte-facebook-pixel
A Facebook pixel module for Svelte / Sapper
@beyonk/svelte-google-analytics npm install @beyonk/svelte-google-analytics
Google Analytics tracking module for Svelte / Sapper
@beyonk/svelte-googlemaps npm install @beyonk/svelte-googlemaps
Google Maps integration for Svelte
@beyonk/svelte-trustpilot npm install @beyonk/svelte-trustpilot
Trustpilot Trustboxes for Svelte / Sapper
svelte-native npm install svelte-native
Svelte controlling native components via Nativescript
@lottiefiles/svelte-lottie-player npm install @lottiefiles/svelte-lottie-player
Lottie player component for use with Svelte for viewing Lottie animations.
svelte-monetization npm install svelte-monetization
A minimal and lightweight wrapper for the Web Monetization API
Data Visualisation
svelte-sortable-list npm install svelte-sortable-list
A list with animated drag-n-drop functionality
svelte-data-grid npm install svelte-data-grid
A grid for displaying and editing any amount of data
svelte-credit-cards npm install svelte-credit-cards
A component to render a credit card preview - useful for ecommerce.
svelte-frappe-charts npm install svelte-frappe-charts
Svelte bindings for frappe-charts.
svelte-compare-image-slider npm install svelte-compare-image-slider
A simple tool for comparing two images.
echarts-for-svelte npm install echarts-for-svelte
Baidu Echarts(v3.0 & v4.0) components for Svelte wrapper
svelte-fusioncharts npm install svelte-fusioncharts
Svelte component for FusionCharts JavaScript charting library
@sveltejs/pancake npm install @sveltejs/pancake
Experimental charting library for Svelte
svelte-heatmap npm install svelte-heatmap
Customizable version of GitHub's contribution graph
Testing
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
@testing-library/svelte npm install @testing-library/svelte
Simple and complete DOM testing utilities that encourage good practices