Components

Category
Tags
Sorting
Stars
Package manager
NPM
Submit a component
290 results

CSS and Layout #

# svelte-grid-responsive
npm install svelte-grid-responsive

Responsive grid system based on Bootstrap for Svelte

components and libraries
layout and structure
github logo
51

# svelte-flex
npm install svelte-flex

A simple and reusable flexbox component for Svelte

components and libraries
layout and structure
github logo
71

# 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?

components and libraries
github logo
232

# svelte-layout-resizable

resizable layout component for svelte

components and libraries
layout and structure
github logo
27

# @egjs/svelte-infinitegrid
npm install @egjs/svelte-infinitegrid

Arrange infinite card elements according to various layout types like masonry

components and libraries
layout and structure
github logo
1698

# svelte-match-media
npm install svelte-match-media

a matchMedia plugin for Svelte 3

components and libraries
layout and structure
github logo
39

# svelte-media-query
npm install svelte-media-query

CSS media queries in Svelte

components and libraries
layout and structure
github logo
53

# svelte-bricks
npm install svelte-bricks

Naive Svelte masonry component without column balancing (ragged columns at the bottom)

components and libraries
layout and structure
github logo
66

Data Visualisation #

# svelte-datatables-net
npm install svelte-datatables-net

svelte-datatables-net is a svelte/sveltekit component that turns data into an interactive HTML table. Inspired by datatables.net.

components and libraries
typescript
github logo
19

# svelte-virtual-table
npm install svelte-virtual-table

A virtual, sortable table for Svelte

components and libraries
github logo
17

# svelte-sortable-list
npm install svelte-sortable-list

A list with animated drag-n-drop functionality

components and libraries
layout and structure
github logo
118

# svelte-data-grid
npm install svelte-data-grid

A grid for displaying and editing any amount of data

components and libraries
layout and structure
github logo
197

# svelte-credit-cards
npm install svelte-credit-cards

A component to render a credit card preview - useful for ecommerce.

components and libraries
github logo
46

# svelte-table
npm install svelte-table

A table with sorting and filtering

components and libraries
layout and structure
github logo
450

# svelte-tree
npm install svelte-tree

Tree view component for svelte

components and libraries
tree
github logo
20

# svelte-frappe-charts
npm install svelte-frappe-charts

Svelte bindings for frappe-charts.

charts
components and libraries
github logo
288

# echarts-for-svelte
npm install echarts-for-svelte

Baidu Echarts(v3.0 & v4.0) components for Svelte wrapper

components and libraries
charts
github logo
25

# layercake
npm install layercake

a framework for mostly-reusable graphics with Svelte

components and libraries
charts
github logo
948

# @okrad/svelte-progressbar
npm install @okrad/svelte-progressbar

A multiseries, SVG progressbar component made with Svelte

components and libraries
inputs and widgets
github logo
124

# svelte-fusioncharts
npm install svelte-fusioncharts

Svelte component for FusionCharts JavaScript charting library

components and libraries
charts
github logo
125

# @sveltejs/pancake
npm install @sveltejs/pancake

Experimental charting library for Svelte

components and libraries
charts
github logo
1221

# svelte-heatmap
npm install svelte-heatmap

Customizable version of GitHub's contribution graph

components and libraries
time and date
github logo
133

Design Pattern #

# sswr
npm install sswr

Svelte stale while revalidate (SWR) data fetching strategy

components and libraries
github logo
194

# svelte-eventbus
npm install svelte-eventbus

Simple eventbus realization based on internal Svelte's tools only

components and libraries
github logo
38

# @beyonk/svelte-scrollspy
npm install @beyonk/svelte-scrollspy

Scroll Spy component for Svelte

components and libraries
interactions
github logo
37

# @urql/svelte
npm install @urql/svelte

Svelte integration for FormidableLabs URQL

components and libraries
stores and state
graphql
github logo
8172

# svelte-loadable
npm install svelte-loadable

Dynamically load a Svelte component

components and libraries
async loading
github logo
319

# svelte-redux-connect
npm install svelte-redux-connect

Redux binding to Svelte based on react-redux

components and libraries
stores and state
github logo
17

# svelte-inview
npm install svelte-inview

A Svelte component that monitors an element enters or leaves the viewport.🔥

components and libraries
async loading
intersection observer
viewport
github logo
606

# svql
npm install svql

Wrapper for FetchQL, a GraphQL query client

components and libraries
stores and state
github logo
61

# svelte-viewpoint
npm install svelte-viewpoint

Dynamically load a Svelte component with placeholders and preloading

components and libraries
async loading
github logo
36

# @sveltejs/svelte-virtual-list
npm install @sveltejs/svelte-virtual-list

A virtual list component for Svelte apps

components and libraries
layout and structure
github logo
621

# Svelte Virtual List CE
npm install svelte-virtual-list-ce

A virtual list component for Svelte apps - Community Edition

components and libraries
layout and structure
github logo
19

# svelte-apollo
npm install svelte-apollo

Svelte integration for Apollo GraphQL

components and libraries
stores and state
github logo
920

# s-offline
npm install s-offline

🔌 Simple Svelte component to detect offline & online changes.

offline and online detection
network events
github logo
62

# svelte-mobx
npm install svelte-mobx

Reactive MVVM with MobX & Svelte

components and libraries
stores and state
github logo
41

# overmind-svelte
npm install overmind-svelte

frictionless state management

stores and state
github logo
1554

# 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!

components and libraries
github logo
325

# @tanstack/svelte-query
npm install @tanstack/svelte-query

Powerful asynchronous state management, server-state utilities and data fetching for the web

async data
async loading
network events
ssr
typescript
github logo
36426

Design System #

# STWUI
npm install stwui

Opinionated yet customizable Svelte-TailwindCSS component library

components and libraries
component sets
github logo
313

# svelte-chota
npm install svelte-chota

Svelte UI components based on super lightweight chota CSS framework.

components and libraries
component sets
github logo
289

# sveltestrap
npm install sveltestrap

Bootstrap 4 components for Svelte

components and libraries
component sets
github logo
1263

# svelma
npm install svelma

Bulma components for Svelte

components and libraries
component sets
github logo
528

# svelteify
npm install svelteify

Material components library for Svelte using the stylesheet of Vuetify

components and libraries
component sets
github logo
48

# svelte-material-ui
npm install svelte-material-ui

Svelte Material UI Components

components and libraries
component sets
github logo
3154

# ikun-ui
npm install @ikun-ui/core

A Svelte.js based UnoCSS UI library that allows you to make websites

components and libraries
component sets
github logo
957

# carbon-components-svelte
npm install carbon-components-svelte

Svelte implementation of the Carbon Design System

components and libraries
component sets
github logo
2449

# attractions
npm install attractions

A pretty cool UI kit for Svelte

components and libraries
component sets
github logo
940

# smelte
npm install smelte

Material design components for Svelte using Tailwind CSS

components and libraries
component sets
github logo
1489

# melt-ui
npm install @melt-ui/svelte

A set of headless, accessible component builders for Svelte.

components and libraries
component sets
github logo
1605

# radix-svelte
npm install radix-svelte

A port of Radix UI for Svelte.

components and libraries
component sets
github logo
468

# svelte-toolbox
npm install svelte-toolbox

A UI component library for Svelte implementing Google's Material Design specification

components and libraries
component sets
github logo
75

# sveltemantic
npm install sveltemantic

Fomantic-UI components for Svelte 3

components and libraries
component sets
github logo
45

# svelte-mui
npm install svelte-mui

A set of Svelte UI components inspired by Google's Material Design

components and libraries
component sets
github logo
310

# minna-ui
npm install minna-ui

A fast, friendly, and fun web UI kit for everyone

components and libraries
component sets
github logo
87

# shadcn-svelte
npm install shadcn-svelte

shadcn/ui, but for Svelte

components and libraries
component sets
github logo
1720

# svelte-headlessui
npm install svelte-headlessui

HeadlessUI components for Svelte

components and libraries
component sets
github logo
407

# @zooplus/zoo-web-components
npm install @zooplus/zoo-web-components

Web-components library built with Svelte

components and libraries
component sets
github logo
45

# svelte-atoms
npm install svelte-atoms

Svelte UI kit based on Atol design

components and libraries
component sets
gitlab logo
17

# svantic
npm install svantic

A set of Fomantic-UI components for Svelte framework

component sets
components and libraries
github logo
16

# Spaper
npm install spaper

PaperCSS components for Svelte

components and libraries
component sets
github logo
185

# Kahi UI
npm install @kahi-ui/framework

Straight-forward Svelte UI, made with Windi CSS

components and libraries
component sets
github logo
187

# agnostic-svelte
npm install agnostic-svelte

Svelte UI component library

components and libraries
component sets
github logo
666

# @rgossiaux/svelte-headlessui
npm install @rgossiaux/svelte-headlessui

Unofficial Svelte port of the Headless UI component library

components and libraries
component sets
github logo
1636

# BeerUi
npm install @brewer/beerui

A Svelte Ui Components

components and libraries
time and date
github logo
61

# Skeleton
npm install @skeletonlabs/skeleton

A fully featured web UI toolkit for Svelte and Tailwind.

components and libraries
component sets
github logo
3615

# flowbite-svelte
npm install flowbite-svelte

Official Svelte components built for Flowbite and Tailwind CSS

components and libraries
component sets
github logo
1448

# sthemer
npm install sthemer

A lightweight yet powerful solution to support multiple color schemes in your Svelte/SvelteKit application.

components and libraries
layout and structure
ssr
typescript
github logo
24

# sterling-svelte
npm install @geoffcox/sterling-svelte

A modern, accessible, and lightweight component library for Svelte.

components and libraries
component sets
typescript
github logo
1

# STDF
npm install stdf

Mobile web component library based on Svelte and Tailwind.

component sets
components and libraries
github logo
440

Developer Experience #

# sveltedoc-parser
npm install sveltedoc-parser

Generate a JSON documentation for a Svelte component

components and libraries
development and documentation
github logo
88

# svelte-dev-helper
npm install svelte-dev-helper

Helper for svelte components to ease development

components and libraries
development and documentation
github logo
6

# @pwa/cli
npm install @pwa/cli

Universal PWA Builder (WIP)

integrations
cli tools
github logo
3113

# svelte-inspector
npm install svelte-inspector

Development helper for inspecting and opening Svelte components in your editor

components and libraries
development and documentation
github logo
83

# html-svelte-parser
npm install html-svelte-parser

HTML to Svelte parser that works on both the server and the client.

components and libraries
layout and structure
ssr
templates
tree
typescript
github logo
12

# svelte-svg-transform
npm install svelte-svg-transform

A tiny component to override SVG file properties

components and libraries
fonts and icons
images
layout and structure
typescript
github logo
19

# svelte-tex
npm install svelte-tex

Svelte component to convert TeX/LaTeX to MathML or SVG

components and libraries
images
github logo
6

Display Components #

# svelte-fast-marquee
npm install svelte-fast-marquee

A Marquee component for Svelte inspired by react-fast-marquee.

components and libraries
github logo
27

# svelte-ticker
npm install svelte-ticker

Simple Svelte component which automatically makes its contents scrollable ticker-style if it's necessary.

components and libraries
github logo
17

# svelte-marquee
npm install svelte-marquee

Marquee fully responsive and adaptive for Svelte

components and libraries
github logo
7

# svelte-pdf
npm install svelte-pdf

svelte-pdf provides a component for rendering PDF documents using PDF.js

components and libraries
pdf
github logo
171

# svelte-particles
npm install svelte-particles

Official tsParticles Svelte Component - Easily create highly customizable particle animations and use them as animated backgrounds for your website.

components and libraries
component sets
typescript
animations
github logo
19

Forms & User Input #

# svelte-tel-input
npm install svelte-tel-input

Lightweight phone input standardizer.

inputs and widgets
forms and validation
validation
typescript
components and libraries
github logo
55

# svelte-form-validation
npm install svelte-form-validation

Svelte Form Validation Library

forms
form validation
components and libraries
github logo
3

# Date Picker Svelte
npm install date-picker-svelte

Date and time picker for Svelte

time and date
forms
components and libraries
form validation
inputs and widgets
component sets
github logo
230

# svelte-number-spinner
npm install svelte-number-spinner

A number input field that can be controlled by mouse/touch drag, arrow keys or usual editing.

components and libraries
inputs and widgets
github logo
23

# felte
npm install felte

An extensible form library for Svelte

forms
validation
components and libraries
github logo
889

# svelte-time-picker
npm install svelte-time-picker

Time Picker UI for Svelte, inspired by the MaterialUI React Time Picker

components and libraries
time and date
gitlab logo
4

# svelte-formula
npm install svelte-formula

Zero Configuration Reactive Forms for Svelte

components and libraries
forms
validation
github logo
125

# svelte-calendar
npm install svelte-calendar

A lightweight datepicker with neat animations and a unique UX

components and libraries
time and date
github logo
521

# 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

components and libraries
inputs and widgets
github logo
271

# aovi-svelte
npm install aovi-svelte

Easy use Aovi to validate forms or values in your components

forms and validation
components and libraries
github logo
11

# svelte-formly
npm install svelte-formly

Generate dynamic forms for Svelte JS

components and libraries
forms
forms and validation
reactive forms
validation
github logo
237

# svelte-forms
npm install svelte-forms

Svelte forms validation made easy

components and libraries
forms and validation
github logo
398

# waxwing-rating
npm install waxwing-rating

rating widget for the web

components and libraries
inputs and widgets
github logo
6

# @easylogic/svelte-summernote
npm install @easylogic/svelte-summernote

summernote extension for Svelte, a wysiwyg editor

components and libraries
inputs and widgets
github logo
11

# svelte-rate-it
npm install svelte-rate-it

A rate component for Svelte apps

components and libraries
inputs and widgets
github logo
39

# @equipmentshare/date-range-input
npm install @equipmentshare/date-range-input

A user interface for inputting date ranges

components and libraries
time and date
github logo
15

# svelte-flatpickr
npm install svelte-flatpickr

Flatpickr component for Svelte

components and libraries
time and date
github logo
144

# svelte-pick-a-place
npm install svelte-pick-a-place

Svelte component for position and area selection with Leaflet

components and libraries
maps
github logo
53

# sveltejs-forms
npm install sveltejs-forms

Form components using Yup for validation

components and libraries
forms and validation
github logo
196

# svelte-imask
npm install svelte-imask

IMask input component and action for Svelte 3.

components and libraries
inputs and widgets
github logo
65

# select-madu
npm install select-madu

A replacement for the select menu with searching, multiple selections, async data loading etc.,

components and libraries
inputs and widgets
github logo
49

# Simple Svelte Autocomplete
npm install simple-svelte-autocomplete

Simple autocomplete / typeahead component for Svelte

components and libraries
inputs and widgets
github logo
420

# svelte-color-picker
npm install svelte-color-picker

A color picker component for Svelte

components and libraries
inputs and widgets
github logo
100

# svelte-select
npm install svelte-select

A select component for Svelte apps

components and libraries
inputs and widgets
github logo
1103

# svelte-range-slider-pips
npm install svelte-range-slider-pips

Range Slider Input, with Multi-handle and Pips features

components and libraries
inputs and widgets
forms and validation
interactions
github logo
359

# @spaceavocado/svelte-form
npm install @spaceavocado/svelte-form

Simple Svelte form model handler and input validations

components and libraries
forms and validation
github logo
48

# @sveltejs/svelte-repl
npm install @sveltejs/svelte-repl

The `<Repl>` component used on the Svelte website

components and libraries
inputs and widgets
github logo
275

# svelte-file-dropzone
npm install svelte-file-dropzone

Svelte component for file upload and file dropzone.

components and libraries
inputs and widgets
github logo
182

# svelte-forms-lib
npm install svelte-forms-lib

A lightweight library for managing forms in Svelte

components and libraries
forms and validation
github logo
584

# svelte-easy-crop
npm install svelte-easy-crop

A Svelte component to crop images with easy interactions

components and libraries
images
github logo
161

# svelte-input-mask
npm install svelte-input-mask

Input masking component for Svelte (credit cards, phones, dates, numbers, etc.)

components and libraries
inputs and widgets
github logo
99

# svelidation
npm install svelidation

Easily customizable library for validation scenarios in svelte components.

components and libraries
forms and validation
github logo
51

# svelte-fullcalendar
npm install svelte-fullcalendar

A Svelte component wrapper around FullCalendar.

components and libraries
time and date
github logo
192

# @svelte-parts/drop-file
npm install @svelte-parts/drop-file

Drop files(s) or click to browse file system

components and libraries
inputs and widgets
component sets
typescript
github logo
48

# @svelte-parts/form
npm install @svelte-parts/form

Yet another form component

components and libraries
forms and validation
component sets
typescript
github logo
48

# svelte-tiptap
npm install svelte-tiptap

Svelte components for tiptap v2

components and libraries
rich text editor
github logo
132

# Event Calendar
npm install @event-calendar/core

Full-sized drag & drop event calendar with resource view

components and libraries
time and date
github logo
551

# svelte-multiselect
npm install svelte-multiselect

Keyboard-friendly, accessible and highly customizable multi-select component

components and libraries
inputs and widgets
forms and validation
select
interactions
github logo
216

# filedrop-svelte
npm install filedrop-svelte

file dropzone action & component

interactions
forms
inputs and widgets
github logo
102

# focus-svelte
npm install focus-svelte

focus lock for accessibility

interactions
forms
github logo
27

# svelecte
npm install svelecte

Selectize-like autocomplete select/multiselect/tagging component

components and libraries
forms
interactions
inputs and widgets
github logo
351

# svelty-picker
npm install svelty-picker

Simple date & time picker you will love

forms
inputs and widgets
interactions
time and date
github logo
140

# svelte-slider
npm install svelte-slider

Single and Range sliders

components and libraries
forms
inputs and widgets
github logo
12

# svelte-currency-input
npm install svelte-currency-input

A form input that converts numbers to localized currency formats as you type

forms
inputs and widgets
internationalization
typescript
github logo
19

# simple-ui-components-in-svelte
npm install simple-ui-components-in-svelte

A set of simple & flexible UI components

forms
github logo
9

# svelte-form-builder
npm install svelte-form-builder-community

A No-Code Form Builder Library

forms
components and libraries
github logo
42

# Svelte Droplet
npm install svelte-droplet

File dropzone utility with styling up to you

inputs and widgets
forms
interactions
github logo
21

# YeSvelte
npm install yesvelte

Flexible Svelte UI component library, designed to help developers build enterprise-grade web applications quickly and easily

component sets
components and libraries
form validation
forms
inputs and widgets
time and date
typescript
github logo
156

Icons #

# svelte-remixicon
npm install svelte-remixicon

An icon library for svelte based on Remix Icon. Consists of more than 2000 icons.

components and libraries
fonts and icons
github logo
34

# fa-svelte
npm install fa-svelte

Font Awesome 5 for Svelte

components and libraries
fonts and icons
github logo
72

# svelte-simple-icons
npm install svelte-simple-icons

SVG icons for popular brands

components and libraries
fonts and icons
github logo
13

# svelte-fa
npm install svelte-fa

Tiny FontAwesome 5 component for Svelte

components and libraries
fonts and icons
github logo
347

# svelte-feather-icons
npm install svelte-feather-icons

Feather icons for Svelte

components and libraries
fonts and icons
github logo
126

# svelte-icons
npm install svelte-icons

Icon components for Svelte, featuring many icon sets

components and libraries
fonts and icons
github logo
270

# 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.

components and libraries
github logo
101

# svelte-awesome
npm install svelte-awesome

Awesome SVG icon component for Svelte JS, built with Font Awesome icons

components and libraries
fonts and icons
github logo
463

# @svelte-parts/icons
npm install @svelte-parts/icons

SVG icons from feather icons, maki icons and octicons

components and libraries
fonts and icons
component sets
github logo
48

# svelte-boring-avatars
npm install svelte-boring-avatars

Svelte port of Boring Avatars

components and libraries
images
typescript
ssr
fonts and icons
github logo
47

Integration #

# sveltefire
npm install sveltefire

Cybernetically enhanced Firebase apps 💪🔥

components and libraries
github logo
1426

# @beyonk/svelte-facebook-customer-chat
npm install @beyonk/svelte-facebook-customer-chat

Facebook Messaging Platform - Customer Chat Integration

components and libraries
third party services
github logo
6

# @beyonk/svelte-facebook-pixel
npm install @beyonk/svelte-facebook-pixel

A Facebook pixel module for Svelte / Sapper

components and libraries
third party services
github logo
14

# @beyonk/svelte-google-analytics
npm install @beyonk/svelte-google-analytics

Google Analytics tracking module for Svelte / Sapper

components and libraries
third party services
github logo
74

# @beyonk/svelte-googlemaps
npm install @beyonk/svelte-googlemaps

Google Maps integration for Svelte

components and libraries
maps
github logo
70

# @beyonk/svelte-mapbox
npm install @beyonk/svelte-mapbox

Mapbox integration for Svelte

components and libraries
maps
github logo
317

# @beyonk/svelte-trustpilot
npm install @beyonk/svelte-trustpilot

Svelte / Vanilla JS Trustpilot Widget with proper SPA support

components and libraries
third party services
github logo
4

# @dopry/svelte-auth0
npm install @dopry/svelte-auth0

Auth0 component library

components and libraries
integrations
auth
github logo
72

# svelte-native
npm install svelte-native

Svelte controlling native components via Nativescript

native
github logo
1581

# svelteml
npm install svelteml

Simple package that makes ML more accessible

components and libraries
github logo
71

# @lottiefiles/svelte-lottie-player
npm install @lottiefiles/svelte-lottie-player

Lottie player component for use with Svelte for viewing Lottie animations.

components and libraries
github logo
113

# svelte-adapter
npm install svelte-adapter

Use Svelte components with Vue and React

components and libraries
github logo
286

# svelte-appwrite
npm install svelte-appwrite

Use Appwrite in Svelte components

components and libraries
component sets
github logo
74

# Svelte (and SvelteKit) OAuth2
npm install @macfja/svelte-oauth2

Add OAuth2 authorization in Svelte (and SvelteKit, works with SSR)

auth
integrations
ssr
third party services
github logo
35

# svelte-google-auth
npm install svelte-google-auth

Integration with Google Authenticartion for sveltekit

auth
github logo
39

# leblog
npm install leblog

Add a blog (or changelog) to any SvelteKit site.

github logo
0

Internationalization #

# svelte-i18n
npm install svelte-i18n

Internationalization library for Svelte

components and libraries
internationalization
github logo
1054

# svelte-fluent
npm install @nubolab-ffwd/svelte-fluent

Integration of Fluent localization system for Svelte

components and libraries
internationalization
github logo
67

# svelte-intl
npm install svelte-intl

Internationalize your Svelte apps using format-message and Intl object

components and libraries
internationalization
github logo
49

# svelte-translate
npm install svelte-translate

Use a dynamic translation service (loaded from xx-XX.json files) and fallback to the text in html tags if no translations are provided.

components and libraries
internationalization
github logo
10

# svelte-intl-precompile
npm install svelte-intl-precompile

I18n library for Svelte.js that analyzes your keys at build time for max performance and minimal footprint

internationalization
github logo
263

# typesafe-i18n
npm install typesafe-i18n

A fully type-safe and lightweight internationalization library for all your TypeScript and JavaScript projects.

components and libraries
internationalization
typescript
github logo
1850

# tolgee/svelte
npm install @tolgee/svelte

Web-based localization tool enabling users to translate directly in the Svelte app they develop

components and libraries
internationalization
github logo
198

Multimedia #

# svelte-lazy-loader
npm install svelte-lazy-loader

A lazy-loader component library for Svelte

images
components and libraries
github logo
17

# svelte-image
npm install svelte-image

Image processing with Sharp for Svelte

components and libraries
images
github logo
709

# svelte-waypoint
npm install svelte-waypoint

Lazyload images or anything component for Svelte

components and libraries
images
github logo
82

# svelte-content-loader
npm install svelte-content-loader

SVG placeholder components for loading content

components and libraries
async loading
github logo
154

# svelte-image-encoder
npm install svelte-image-encoder

An `<ImgEncoder>` component for editing and compressing profile pictures

components and libraries
images
github logo
44

# svelte-multitoneimage
npm install svelte-multitoneimage

Component to easily generate multitone images

components and libraries
images
github logo
6

# Vime
npm install @vime/svelte

Focused on making embedding and using media elements for the web simple.

video
audio
components and libraries
inputs and widgets
github logo
2648

# @svelte-parts/zoom
npm install @svelte-parts/zoom

Allow pan and zoom on images

components and libraries
component sets
typescript
github logo
48

# TwicPics Components
npm install @twicpics/components

Images and videos components - Context aware resizing and cropping, lazy-loading, LQIP, Next-Gen format, compression, CDN.

components and libraries
images
video
github logo
45

Routers #

# SCR Svelte Client Router
npm install svelte-client-router

Svelte Client Router is everything you need and think when routing SPA's. This is The Svelte Router for SPA!

routers
github logo

# tinro
npm install tinro

Highly declarative, very tiny (~3.8 Kb), dependency free router

routers
github logo
667

# @bjornlu/svelte-router
npm install @bjornlu/svelte-router

An easy-to-use SPA router for Svelte

routers
github logo
31

# svelte-routing
npm install svelte-routing

A declarative Svelte routing library with SSR support

routers
github logo
1877

# svelte-spa-router
npm install svelte-spa-router

Router for SPAs using Svelte 3

routers
github logo
1400

# svelte-navaid
npm install svelte-navaid

A Svelte router powered by lukeed/navaid

routers
github logo
17

# @jamen/svelte-router
npm install @jamen/svelte-router

Svelte router using a store and components

routers
github logo
7

# svelte-router
npm install svelte-router

Router component for Svelte

routers
github logo
62

# svelte-router-spa
npm install svelte-router-spa

Svelte router specially designed for Single Page Applications (SPA)

routers
github logo
489

# svero
npm install svero

A simple router for Svelte 3

routers
github logo
203

# svelte-navigator
npm install svelte-navigator

Simple, declarative routing for single page apps built with Svelte

routers
github logo
480

# yrv
npm install yrv

Basic router with queryParams and hash-based routing support

routers
github logo
164

# svelte-page-router
npm install svelte-page-router

Simple config-based router with DX similar to VueRouter. Works well on the server-side

routers
github logo
21

# svelte-pathfinder
npm install svelte-pathfinder

Tiny, state-based, advanced router for SvelteJS.

routers
stores and state
github logo
120

# svelte-hash-router
npm install svelte-hash-router

Simple Svelte 3 hash based router with global routes

routers
github logo
42

# swheel
npm install swheel

Ultimate Svelte router

routers
github logo
43

# @slick-for/svelte
npm install @slick-for/svelte

Manage your views and routing using class decorators and dependency injection

routers
github logo
24

# @spaceavocado/svelte-router
npm install @spaceavocado/svelte-router

Simple Svelte Router for Single Page Applications (SPA)

routers
github logo
57

# routify
npm install routify

Automated Svelte routes

routers
ssr
github logo
1764

# svelte-state-renderer
npm install svelte-state-renderer

abstract-state-router renderer for Svelte

routers
github logo
35

# svelte-micro
npm install svelte-micro

Light & reactive client-side router for Svelte

routers
github logo
89

Stores #

# svelte-websocket-store
npm install svelte-websocket-store

Svelte store with a websocket backend

components and libraries
stores and state
github logo
270

# query-store
npm install query-store

Writable store that syncs with the browser's search params

components and libraries
stores and state
github logo
43

# svelte-asyncable
npm install svelte-asyncable

Asyncable store for Svelte 3 which is store a value as promise.

stores and state
async data
github logo
164

# svelte-webext-storage-adapter
npm install svelte-webext-storage-adapter

Writable stores for Firefox/Chrome extensions using `chrome.storage

components and libraries
stores and state
integrations
github logo
23

# svelte-writable-derived
npm install svelte-writable-derived

Two-way data-transforming stores

components and libraries
stores and state
github logo
82

# storez
npm install storez

A writable store with extra features

components and libraries
stores and state
github logo
26

# SvelteStore

Template for client side svelte store

components and libraries
stores and state
github logo
1

# svelte-observable
npm install svelte-observable

Use observables in Svelte components with ease

components and libraries
stores and state
github logo
63

# Undoable store
npm install @macfja/svelte-undoable

Memento design pattern (undo/redo) in Svelte

stores and state
github logo
44

# svate
npm install svate

Set of simple state machines for Svelte applications

components and libraries
stores and state
github logo
14

# Persistent Store
npm install @macfja/svelte-persistent-store

A (high order) store that keep its value through pages and reloads

stores and state
github logo
217

# Invalidable Store
npm install @macfja/svelte-invalidable

A (high order) store that can be requested to update itself

stores and state
github logo
4

# Svelte Restate
npm install svelte-restate

Immutable store for Svelte with full Typescript support and Redux Devtools integration

stores and state
github logo
21

# svelte-fsm
npm install svelte-fsm

Tiny, expressive, Svelte-optimized Finite State Machine library

in-page navigation
stores and state
github logo
256

# Svelte Expirable store
npm install @macfja/svelte-expirable

A Svelte store with items that expire

interactions
notifications
stores and state
github logo
3

# Store2
npm install svelte-store2

Extended Svelte stores with additional methods

stores and state
github logo
4

# KitQL
npm install @kitql/all-in

A set of tools, helping you building efficient apps in a fast way.

async data
async loading
graphql
ssr
stores and state
github logo
312

# svelte-exstore
npm install svelte-exstore

Connect your store to Redux Devtools to enhance your work flow.

stores and state
github logo
0

SvelteKit Adapters #

# @sveltejs/adapter-auto
npm install @sveltejs/adapter-auto

Automatically chooses adapter for your current environment if possible

integrations
github logo
16226

# @sveltejs/adapter-netlify
npm install @sveltejs/adapter-netlify

A SvelteKit adapter that creates a Netlify app. If you're using adapter-auto, you don't need to install this unless you need to specify Netlify-specific options, since it's already included.

integrations
github logo
16226

# @sveltejs/adapter-cloudflare-workers
npm install @sveltejs/adapter-cloudflare-workers

SvelteKit adapter that creates a Cloudflare Workers site using a function for dynamic server rendering.

integrations
github logo
16226

# @sveltejs/adapter-cloudflare
npm install @sveltejs/adapter-cloudflare

Adapter for building SvelteKit applications on Cloudflare Pages with Workers integration. If you're using adapter-auto, you don't need to install this — it's already included.

integrations
github logo
16226

# @sveltejs/adapter-node
npm install @sveltejs/adapter-node

Adapter for SvelteKit apps that generates a standalone Node server.

integrations
github logo
16226

# @sveltejs/adapter-static
npm install @sveltejs/adapter-static

Adapter for SvelteKit apps that prerenders your entire site as a collection of static files. If you'd like to prerender only some pages, you will need to use a different adapter together with the prerender option.

integrations
github logo
16226

# @sveltejs/adapter-vercel
npm install @sveltejs/adapter-vercel

A SvelteKit adapter that creates a Vercel app.If you're using adapter-auto, you don't need to install this unless you need to specify Vercel-specific options, since it's already included.

integrations
github logo
16226

# svelte-adapter-firebase
npm install svelte-adapter-firebase

SvelteKit adapter for Firebase Hosting rewrites to either Cloud Functions or Cloud Run for a Svelte SSR experience

integrations
github logo
273

# architect/sveltekit-adapter
npm install @architect/sveltekit-adapter

Adapter for Svelte apps that creates a Begin or Architect app, using a function for dynamic server rendering.

integrations
github logo
9

# svelte-adapter-deno
npm install svelte-adapter-deno

SvelteKit adapter that generates a standalone Deno server.

integrations
github logo
290

# Svelte Multi Adapter
npm install @macfja/svelte-multi-adapter

An adapter to launch multiple adapter

github logo
15

# svelte-adapter-azure-swa
npm install svelte-adapter-azure-swa

SvelteKit adapter for Azure Static Web Apps.

integrations
github logo
99

# svelte-adapter-appengine
npm install svelte-adapter-appengine

SvelteKit adapter for Google Cloud App Engine

integrations
github logo
51

# sveltekit-adapter-browser-extension
npm install sveltekit-adapter-browser-extension

Build browser extensions with Svelte

integrations
github logo
148

# @budgetdraw/sveltekit-cloudflare-adapter
npm install @budgetdraw/sveltekit-cloudflare-adapter

Alternative SvelteKit adapter for Cloudflare workers. Designed to be standalone and not use wrangler.

integrations
github logo
7

# sveltekit-adapter-wordpress-shortcode
npm install sveltekit-adapter-wordpress-shortcode

Build wordpress shortcode plugins with SvelteKit

integrations
github logo
30

# Svelte(kit) adapter for Neutralino
npm install @macfja/svelte-adapter-neutralino

A SvelteKit adapter to generate a Neutralinojs application from a SvelteKit project

integrations
github logo
14

# sveltekit-adapter-html-like
npm install sveltekit-adapter-html-like

Adapter for SvelteKit apps that prerenders your site as static files for template engines such as PHP, Blade, Handlebars, EJS etc.

integrations
github logo
16

# svelte-adapter-github
npm install svelte-adapter-github

Easily deploy your static site to GitHub Pages

integrations
github logo
41

# svelte-adapter-static-digitalocean
npm install svelte-adapter-static-digitalocean

SvelteKit adapter for DigitalOcean App Platform static sites.

integrations
github logo
11

# SvelteKit Adapter Bun.js
npm install svelte-adapter-bun

SvelteKit adapter that generates a standalone Bun server.

ssr
integrations
github logo
396

# SvelteKit Cordova/Capacitor Adapter
npm install @ptkdev/sveltekit-cordova-adapter

Adapter for build mobile apps (android/ios) with Svelte Kit and Apache Cordova or Ionic Capacitor

integrations
github logo
33

# SvelteKit Electron Adapter
npm install @ptkdev/sveltekit-electron-adapter

Adapter for build desktop apps with Svelte Kit and Electron

integrations
github logo
47

# @carlosv2/adapter-node-ws
npm install @carlosv2/adapter-node-ws

Adapter for SvelteKit apps that generates a standalone Node server with support for WebSockets.

integrations
github logo
15

# sveltekit-adapter-iis
npm install sveltekit-adapter-iis

An adapter to deploy to IIS Server with iisnode installed

integrations
github logo
1

# sveltekit-html-minifier
npm install sveltekit-html-minifier

Sveltekit Adapter to Minify the preload HTML page

integrations
github logo
3

# @jill64/sveltekit-adapter-aws
npm install @jill64/sveltekit-adapter-aws

AWS adapter for SvelteKit with multiple architecture

integrations
github logo
0

Testing #

# svelte-carbonbadge
npm install svelte-carbonbadge

Svelte badge component for https://www.websitecarbon.com/

gitlab logo
0

# svelte-fragment-component
npm install svelte-fragment-component

Component that renders its children with lifecycle hooks to simplify testing

components and libraries
testing
jsx
github logo
4

# svelte-htm
npm install svelte-htm

Tagged Template syntax for svelte to simplify testing

components and libraries
testing
jsx
github logo
20

# svelte-jsx
npm install svelte-jsx

JSX for svelte to simplify testing

components and libraries
testing
jsx
github logo
32

# svelte-jester
npm install svelte-jester

A Jest transformer for Svelte - compile your components before importing them into tests.

testing
github logo
124

# svelte-jest
npm install svelte-jest

Jest Svelte component transformer

testing
github logo
37

# svelte-test
npm install svelte-test

Testing utilities for Svelte

testing
github logo
25

# jest-transform-svelte
npm install jest-transform-svelte

Jest Transformer for Svelte components

testing
github logo
35

# Storybook for SvelteKit
npm install @storybook/sveltekit

UI component dev & test

testing
github logo
80476

# Storybook for Svelte
npm install @storybook/svelte

UI component dev & test

testing
github logo
80476

# @testing-library/svelte
npm install @testing-library/svelte

Simple and complete DOM testing utilities that encourage good practices

testing
github logo
570

User Interaction #

# svelte-scrollactive
npm install svelte-scrollactive

This is a port of vue-scrollactive to Svelte, a lightweight and simple to use component that highlights menu items as you scroll the page, also scrolling to target section when clicked.

components and libraries
animations
in-page navigation
inputs and widgets
intersection observer
table of contents
github logo
3

# svelte-fullscreen
npm install svelte-fullscreen

Component that performs fullscreen in DOM Elements

components and libraries
layout and structure
github logo
60

# svelte-infinite-scroll
npm install svelte-infinite-scroll

Infinite Scroll Component to Svelte

components and libraries
github logo
254

# @beyonk/svelte-notifications
npm install @beyonk/svelte-notifications

Svelte toast notifications that can be used in any JS application

components and libraries
notifications
github logo
309

# svelte-headroom
npm install svelte-headroom

A Svelte component to hide your header on scroll

components and libraries
layout and structure
github logo
76

# svelte-moveable
npm install svelte-moveable

Component for moveable, draggable, resizable, scalable, rotatable, and more

components and libraries
interactions
github logo
8381

# svelte-ruler
npm install svelte-ruler

A Ruler component that can draw grids and scroll infinitely

components and libraries
inputs and widgets
github logo
268

# svelte-simple-modal
npm install svelte-simple-modal

A simple, small, and content-agnostic modal for Svelte

components and libraries
layout and structure
github logo
412

# svelte-tabs
npm install svelte-tabs

Tabs component for Svelte

components and libraries
layout and structure
github logo
92

# svelte-compare-image-slider
npm install svelte-compare-image-slider

A simple tool for comparing two images.

components and libraries
images
github logo
16

# svelte-notifications
npm install svelte-notifications

Simple and flexible notifications system

components and libraries
notifications
github logo
585

# svelte-page-progress
npm install svelte-page-progress

Svelte Component that tracks a users progress through a page as they scroll

intersection observer
viewport
components and libraries
github logo
17

# svelte-image-compare
npm install svelte-image-compare

Simple Svelte component to compare two images using slider.

components and libraries
github logo
20

# svelte-accessible-dialog
npm install svelte-accessible-dialog

An accessible dialog component for Svelte apps

components and libraries
github logo
26

# multicarousel
npm install multicarousel

A dependency free multiple item JavaScript carousel

components and libraries
layout and structure
github logo
36

# svelte-swipe
npm install svelte-swipe

A carousel with touch support

components and libraries
layout and structure
github logo
356

# svelte-infinite-loading
npm install svelte-infinite-loading

An infinite scroll component for Svelte apps

components and libraries
github logo
207

# @sveltejs/gestures
npm install @sveltejs/gestures

Svelte actions for cross-platform gesture detection (work in progress)

components and libraries
interactions
github logo
86

# @sveltejs/gl
npm install @sveltejs/gl

A (very experimental) project to bring WebGL to Svelte

webgl
github logo
607

# @sveltejs/svelte-scroller
npm install @sveltejs/svelte-scroller

A `<Scroller>` component for Svelte apps

components and libraries
layout and structure
github logo
308

# @sveltejs/svelte-subdivide
npm install @sveltejs/svelte-subdivide

A component for building Blender-style layouts in Svelte apps

components and libraries
layout and structure
github logo
129

# svelte-grid
npm install svelte-grid

A responsive, draggable and resizable grid layout, for Svelte

components and libraries
layout and structure
github logo
879

# svelte-popover
npm install svelte-popover

A smart popover component for Svelte

components and libraries
layout and structure
github logo
55

# svelte-item-list
npm install svelte-item-list

Svelte item list with pagination

components and libraries
component sets
github logo
5

# Renderless Svelte
npm install renderless-svelte

A collection of renderless/headless components for Svelte

components and libraries
component sets
github logo
273

# svelte-parallax
npm install svelte-parallax

A spring-based parallax component for Svelte, based on react-spring/parallax.

components and libraries
github logo
128

# Svelte Modals
npm install svelte-modals

A simple, flexible, zero-dependency modal manager for Svelte.

components and libraries
github logo
127

# svelte-pincode
npm install svelte-pincode

Declarative pincode component for Svelte

component sets
components and libraries
github logo
19

# svelte-toc
npm install svelte-toc

Sticky responsive table of contents component

components and libraries
table of contents
in-page navigation
async loading
mutation observer
doc sites
github logo
85

# svelte-cleavejs
npm install svelte-cleavejs

Svelte action for Cleave.js input masking

inputs and widgets
github logo
6

# svelte-gestures
npm install svelte-gestures

collection of gesture recognisers for Svelte.

interactions
inputs and widgets
github logo
87

# svelte-steps
npm install svelte-steps

A wizard steps component

inputs and widgets
github logo
91

# svelte-hover-draw-svg
npm install svelte-hover-draw-svg

A lightweight Svelte component to draw SVG on hover.

animations
components and libraries
interactions
github logo
24

# casual-ui-svelte
npm install casual-ui-svelte

A ui components lib that supports for Svelte3

animations
component sets
form validation
notifications
github logo
50

# Svelte Scroll Video
npm install @macfja/svelte-scroll-video

A component to play a video by scrolling the page

video
images
inputs and widgets
interactions
viewport
github logo
1

# @prgm/sveltekit-progress-bar
npm install @prgm/sveltekit-progress-bar

A progress bar component that hooks to SvelteKit navigation

async loading
components and libraries
in-page navigation
github logo
7