Components

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

Unclassified #

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

A lazy-loader component library for Svelte

images
components and libraries
github logo
0

# svelte-remixicon
npm install svelte-remixicon

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

components and libraries
github logo
14

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

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

components and libraries
github logo
2

# svelte-preprocess-markdown
npm install svelte-preprocess-markdown

Write Svelte components in markdown syntax

integrations
preprocessors
github logo
109

# fa-svelte
npm install fa-svelte

Font Awesome 5 for Svelte

components and libraries
fonts and icons
github logo
69

# svelte-fullscreen
npm install svelte-fullscreen

Component that performs fullscreen in DOM Elements

components and libraries
layout and structure
github logo
27

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

Responsive grid system based on Bootstrap for Svelte

components and libraries
layout and structure
github logo
19

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

Infinite Scroll Component to Svelte

components and libraries
github logo
121

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

Scroll Spy component for Svelte

components and libraries
interactions
github logo
30

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

SVG icons for popular brands

components and libraries
fonts and icons
github logo
10

# svelte-fa
npm install svelte-fa

Tiny FontAwesome 5 component for Svelte

components and libraries
fonts and icons
github logo
151

# svelte-ruler
npm install svelte-ruler

A Ruler component that can draw grids and scroll infinitely

components and libraries
inputs and widgets
github logo
125

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

Auth0 component library

components and libraries
integrations
auth
github logo
43

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

Feather icons for Svelte

components and libraries
fonts and icons
github logo
70

# svelte-icons
npm install svelte-icons

Icon components for Svelte, featuring many icon sets

components and libraries
fonts and icons
github logo
54

# svelte-typewriter
npm install svelte-typewriter

A simple and reusable typewriter effect for your Svelte applications

components and libraries
github logo
124

# svelte-flex
npm install svelte-flex

A simple and reusable flexbox component for Svelte

components and libraries
layout and structure
github logo
41

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

# svelte-i18n
npm install svelte-i18n

Internationalization library for Svelte

components and libraries
internationalization
github logo
576

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

Integration of Fluent localization system for Svelte

components and libraries
internationalization
github logo
10

# svelte-loadable
npm install svelte-loadable

Dynamically load a Svelte component

components and libraries
async loading
github logo
241

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

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

Redux binding to Svelte based on react-redux

components and libraries
stores and state
github logo
15

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

# svelte-image
npm install svelte-image

Image processing with Sharp for Svelte

components and libraries
images
github logo
496

# svelte-waypoint
npm install svelte-waypoint

Lazyload images or anything component for Svelte

components and libraries
images
github logo
74

# svelte-layout-resizable

resizable layout component for svelte

components and libraries
layout and structure
github logo
10

# svelte-preval

compile time eval for svelte components

preprocessors
ssr
github logo
3

# @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
875

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

A multiseries, SVG progressbar component made with Svelte

components and libraries
inputs and widgets
github logo
74

# svelte-intl
npm install svelte-intl

Internationalize your Svelte apps using format-message and Intl object

components and libraries
internationalization
github logo
40

# svql
npm install svql

Wrapper for FetchQL, a GraphQL query client

components and libraries
stores and state
github logo
51

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

SVG placeholder components for loading content

components and libraries
async loading
github logo
118

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

Simple Svelte component to compare two images using slider.

components and libraries
github logo
15

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

# svelte-viewpoint
npm install svelte-viewpoint

Dynamically load a Svelte component with placeholders and preloading

components and libraries
async loading
github logo
14

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

a matchMedia plugin for Svelte 3

components and libraries
layout and structure
github logo
31

# mdsvex
npm install mdsvex

A markdown preprocessor for Svelte

integrations
preprocessors
github logo
862

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

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

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

components and libraries
images
github logo
30

# svelte-marquee
npm install svelte-marquee

Marquee fully responsive and adaptive for Svelte

components and libraries
github logo
5

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

An infinite scroll component for Svelte apps

components and libraries
github logo
90

# svelte-multitoneimage
npm install svelte-multitoneimage

Component to easily generate multitone images

components and libraries
images
github logo
6

# svelte-progresscircle
npm install svelte-progresscircle

Flexible circular progress bar component

components and libraries
github logo
11

# @sveltejs/gl
npm install @sveltejs/gl

A (very experimental) project to bring WebGL to Svelte

webgl
github logo
503

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

A `<Scroller>` component for Svelte apps

components and libraries
layout and structure
github logo
195

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

A component for building Blender-style layouts in Svelte apps (**VERSION 2**)

components and libraries
layout and structure
github logo
105

# Vime

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

video
audio
components and libraries
inputs and widgets
github logo
1732

# s-offline
npm install s-offline

🔌 Simple Svelte component to detect offline & online changes.

offline and online detection
network events
github logo
23

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

CSS media queries in Svelte

components and libraries
layout and structure
github logo
38

# svelte-watch-resize
npm install svelte-watch-resize

Watch element resize in Svelte

components and libraries
layout and structure
github logo
21

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

Svelte item list with pagination

components and libraries
component sets
github logo
1

# overmind-svelte
npm install overmind-svelte

frictionless state management

stores and state
1000

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

# @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
1

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

Allow pan and zoom on images

components and libraries
component sets
typescript
1

# svelte-pdf
npm install svelte-pdf

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

components and libraries
pdf
github logo
68

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

Performant and powerful remote data synchronization for Svelte

components and libraries
stores and state
github logo
350

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

# svelte-switch-case
npm install svelte-switch-case

Switch case syntax for Svelte

preprocessors
github logo
47

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

# @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
32266

Animations #

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

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
0

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

A virtual, sortable table for Svelte

components and libraries
github logo
1

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

A list with animated drag-n-drop functionality

components and libraries
layout and structure
github logo
82

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

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

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

components and libraries
github logo
27

# svelte-table
npm install svelte-table

A table with sorting and filtering

components and libraries
layout and structure
github logo
227

# svelte-tree
npm install svelte-tree

Tree view component for svelte

components and libraries
tree
github logo
11

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

Svelte bindings for frappe-charts.

charts
components and libraries
github logo
154

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

A simple tool for comparing two images.

components and libraries
images
github logo
11

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

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

components and libraries
charts
github logo
20

# layercake
npm install layercake

a framework for mostly-reusable graphics with Svelte

components and libraries
charts
github logo
401

# svelte-fusioncharts
npm install svelte-fusioncharts

Svelte component for FusionCharts JavaScript charting library

components and libraries
charts
github logo
69

# @sveltejs/pancake
npm install @sveltejs/pancake

Experimental charting library for Svelte

components and libraries
charts
github logo
837

# svelte-heatmap
npm install svelte-heatmap

Customizable version of GitHub's contribution graph

components and libraries
time and date
github logo
89

# Event Calendar
npm install @event-calendar/core

Full-sized drag & drop event calendar with resource view

components and libraries
time and date
github logo
41

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

# Svend3r Charts

Interactive plug and play charting library for Svelte

charts
components and libraries
github logo
0

Design Pattern #

# svelte-eventbus
npm install svelte-eventbus

Simple eventbus realization based on internal Svelte's tools only

components and libraries
github logo
25

# @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
436

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

# svelte-mobx
npm install svelte-mobx

Reactive MVVM with MobX & Svelte

components and libraries
stores and state
github logo
37

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

Svelte port of Boring Avatars

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

Design System #

# STWUI
npm install stwui

Opinionated yet customizable Svelte-TailwindCSS component library

components and libraries
component sets
github logo
4

# svelte-chota
npm install svelte-chota

Svelte UI components based on super lightweight chota CSS framework.

components and libraries
component sets
github logo
92

# sveltestrap
npm install sveltestrap

Bootstrap 4 components for Svelte

components and libraries
component sets
github logo
704

# svelma
npm install svelma

Bulma components for Svelte

components and libraries
component sets
github logo
438

# svelteify
npm install svelteify

Material components library for Svelte using the stylesheet of Vuetify

components and libraries
component sets
github logo
40

# svmd
npm install svmd

Easy-to-use, Customizable Material Design components for Svelte

components and libraries
component sets
github logo
7

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

Svelte Material UI Components

components and libraries
component sets
github logo
1857

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

Svelte implementation of the Carbon Design System

components and libraries
component sets
github logo
314

# attractions
npm install attractions

A pretty cool UI kit for Svelte

components and libraries
github logo
353

# smelte
npm install smelte

Material design components for Svelte using Tailwind CSS

components and libraries
component sets
github logo
1057

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

# sveltemantic
npm install sveltemantic

Fomantic-UI components for Svelte 3

components and libraries
component sets
github logo
43

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

# minna-ui
npm install minna-ui

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

components and libraries
component sets
github logo
85

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

Web-components library built with Svelte

components and libraries
component sets
github logo
31

# svelte-atoms
npm install svelte-atoms

Svelte UI kit based on Atol design

components and libraries
component sets
gitlab logo
13

# svantic
npm install svantic

A set of Fomantic-UI components for Svelte framework

component sets
components and libraries
github logo
8

# Spaper
npm install spaper

PaperCSS components for Svelte

components and libraries
component sets
github logo
147

# Kahi UI
npm install @kahi-ui/framework

Straight-forward Svelte UI, made with Windi CSS

components and libraries
github logo
51

# agnostic-svelte
npm install agnostic-svelte

Svelte UI component library

components and libraries
component sets
github logo
88

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

Unofficial Svelte port of the Headless UI component library

components and libraries
component sets
github logo
840

# Skeleton
npm install @brainandbones/skeleton

A fully featured web UI toolkit for Svelte and Tailwind.

components and libraries
component sets
479

# flowbite-svelte
npm install flowbite-svelte

Official Svelte components built for Flowbite and Tailwind CSS

components and libraries
component sets
github logo
249

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

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

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

components and libraries
component sets
typescript
github logo
0

Developer Experience #

# sveltedoc-parser
npm install sveltedoc-parser

Generate a JSON documentation for a Svelte component

components and libraries
development and documentation
github logo
58

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

Helper for Svelte components to ease development. Used by `svelte-loader`

components and libraries
development and documentation
github logo
6

# @pwa/cli
npm install @pwa/cli

Universal PWA Builder (WIP)

integrations
cli tools
github logo
3050

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

# 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

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

Forms & User Input #

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

Svelte Form Validation Library

forms
form validation
components and libraries
github logo
0

# 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

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

# felte
npm install felte

An extensible form library for Svelte

forms
validation
components and libraries

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

# svelte-formula
npm install svelte-formula

Zero Configuration Reactive Forms for Svelte

components and libraries
forms
validation
github logo
88

# svelte-calendar
npm install svelte-calendar

A lightweight datepicker with neat animations and a unique UX

components and libraries
time and date
github logo
331

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

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

# svelte-formly
npm install svelte-formly

Generate dynamic forms for sveltejs, Sveltekit, Routify and Sapper

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

# svelte-forms
npm install svelte-forms

Svelte forms validation made easy

components and libraries
forms and validation
github logo
168

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

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

A rate component for Svelte apps

components and libraries
inputs and widgets
github logo
36

# @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
14

# svelte-flatpickr
npm install svelte-flatpickr

Flatpickr component for Svelte

components and libraries
time and date
github logo
58

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

# sveltejs-forms
npm install sveltejs-forms

Form components using Yup for validation

components and libraries
forms and validation
github logo
179

# Browser REPL JS

A Javascript REPL (code editor and code results) component

components and libraries
inputs and widgets
github logo
12

# svelta

Style it your way UI components with dynamic Form Builder.

components and libraries
templates
inputs and widgets
forms and validation
component sets
layout and structure
templates
github logo
25

# svelte-imask
npm install svelte-imask

IMask input component and action for Svelte 3.

components and libraries
inputs and widgets
github logo
52

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

# Simple Svelte Autocomplete

Simple autocomplete / typeahead component for Svelte

components and libraries
inputs and widgets
github logo
165

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

A color picker component for Svelte

components and libraries
inputs and widgets
github logo
50

# svelte-select
npm install svelte-select

A select component for Svelte apps

components and libraries
inputs and widgets
github logo
547

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

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

Simple Svelte form model handler and input validations

components and libraries
forms and validation
github logo
46

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

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

components and libraries
inputs and widgets
github logo
242

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

Svelte component for file upload and file dropzone.

components and libraries
inputs and widgets
github logo
67

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

A lightweight library for managing forms in Svelte

components and libraries
forms and validation
github logo
319

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

A Svelte component to crop images with easy interactions

components and libraries
images
github logo
89

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

# svelidation
npm install svelidation

Easily customizable library for validation scenarios in svelte components.

components and libraries
forms and validation
github logo
47

# svelte-fullcalendar
npm install svelte-fullcalendar

A Svelte component wrapper around FullCalendar.

components and libraries
time and date
github logo
84

# @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
1

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

A markdown editor and codemirror wrapper

components and libraries
inputs and widgets
component sets
typescript
1

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

Yet another form component

components and libraries
forms and validation
component sets
typescript
1

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

# filedrop-svelte
npm install filedrop-svelte

file dropzone action & component

interactions
forms
inputs and widgets

# focus-svelte
npm install focus-svelte

focus lock for accessibility

interactions
forms

# svelecte
npm install svelecte

Selectize-like autocomplete select/multiselect/tagging component

components and libraries
forms
interactions
inputs and widgets

# svelty-picker
npm install svelty-picker

Simple date & time picker you will love

forms
inputs and widgets
interactions
time and date
github logo
0

# svelte-slider
npm install svelte-slider

Single and Range sliders

components and libraries
forms
inputs and widgets
github logo
11

# svelte-action-shiftclick
npm install svelte-action-shiftclick

A Svelte action to mutli-select checkboxes with shift-click

components and libraries
forms
inputs and widgets
github logo
0

# BeerUi
npm install @brewer/beerui

A Svelte Ui Components

components and libraries
time and date
github logo
22

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

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

A set of simple & flexible UI components

forms
github logo
1

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

A No-Code Form Builder Library

forms
rich text editor
audio
components and libraries
github logo
9

Integration #

# sveltefire
npm install sveltefire

Cybernetically enhanced Firebase apps 💪🔥

components and libraries
github logo
497

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

A Facebook customer chat integration for Svelte / Sapper

components and libraries
third party services
github logo
2

# @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
10

# @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
28

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

Google Maps integration for Svelte

components and libraries
maps
github logo
43

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

Mapbox integration for Svelte

components and libraries
maps
github logo
150

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

Trustpilot Trustboxes for Svelte / Sapper

components and libraries
third party services
github logo
2

# @urql/svelte

Svelte integration for FormidableLabs URQL

components and libraries
stores and state
graphql
github logo
6318

# svelte-native
npm install svelte-native

Svelte controlling native components via Nativescript

native
github logo
963

# svelteml
npm install svelteml

Simple package that makes ML more accessible

components and libraries
github logo
52

# @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
66

# svelte-adapter
npm install svelte-adapter

Use Svelte components with Vue and React

components and libraries
github logo
209

# svelte-monetization
npm install svelte-monetization

A minimal and lightweight wrapper for the Web Monetization API

components and libraries
github logo
12

# svelte-apollo
npm install svelte-apollo

Svelte integration for Apollo GraphQL

components and libraries
stores and state
github logo
730

# svelte-appwrite
npm install svelte-appwrite

Use Appwrite in Svelte components

components and libraries
component sets
github logo
43

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

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

Integration with Google Authenticartion for sveltekit

auth
github logo
4

# leblog
npm install leblog

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

0

Rich Text Editor #

# svelte-tiptap
npm install svelte-tiptap

Svelte components for tiptap v2

components and libraries
rich text editor
github logo
8

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
13

# tinro
npm install tinro

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

routers
github logo
468

# crayon-svelte
npm install crayon-svelte

Framework agnostic UI router for SPAs with specific support for Svelte

routers
github logo
317

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

An easy-to-use SPA router for Svelte

routers
github logo
27

# svelte-routing
npm install svelte-routing

A declarative Svelte routing library with SSR support

routers
github logo
1456

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

Router for SPAs using Svelte 3

routers
github logo
896

# svelte-navaid
npm install svelte-navaid

A Svelte router powered by lukeed/navaid

routers
github logo
16

# @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
362

# svero
npm install svero

A simple router for Svelte 3

routers
github logo
210

# svelte-easyroute
npm install svelte-easyroute

Easy router for Svelte framework

routers
github logo
62

# svelte-navigator
npm install svelte-navigator

Simple, declarative routing for single page apps built with Svelte

routers
github logo
203

# yrv
npm install yrv

Basic router with queryParams and hash-based routing support

routers
github logo
157

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

# svelte-pathfinder
npm install svelte-pathfinder

State-based router for Svelte 3.

routers
stores and state
github logo
30

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

Simple Svelte 3 hash based router with global routes

routers
github logo
35

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

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

Simple Svelte Router for Single Page Applications (SPA)

routers
github logo
54

# routify
npm install routify

Automated Svelte routes

routers
ssr
github logo
823

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

abstract-state-router renderer for Svelte

routers
github logo
32

# svelte-micro
npm install svelte-micro

Light & reactive client-side router for Svelte

routers
github logo
88

Stores #

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

Svelte store with a websocket backend

components and libraries
stores and state
github logo
91

# query-store
npm install query-store

Writable store that syncs with the browser's search params

components and libraries
stores and state
github logo
26

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

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

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

Two-way data-transforming stores

components and libraries
stores and state
github logo
74

# storez
npm install storez

A writable store with extra features

components and libraries
stores and state
github logo
15

# SvelteStore

Template for client side svelte store

components and libraries
stores and state
github logo
0

# svelte-observable
npm install svelte-observable

Use observables in Svelte components with ease

components and libraries
stores and state
github logo
51

# Undoable store
npm install @macfja/svelte-undoable

Memento design pattern (undo/redo) in Svelte

stores and state
github logo
28

# svate
npm install svate

Set of simple state machines for Svelte applications

components and libraries
stores and state
github logo
6

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

# Invalidable Store
npm install @macfja/svelte-invalidable

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

stores and state
github logo
0

# Svelte Restate
npm install svelte-restate

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

stores and state
github logo
9

# svelte-fsm
npm install svelte-fsm

Tiny, expressive, Svelte-optimized Finite State Machine library

in-page navigation
stores and state
github logo
1

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

A Svelte store with items that expire

interactions
notifications
stores and state
github logo
0

# Store2
npm install svelte-store2

Extended Svelte stores with additional methods

stores and state
github logo
1

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

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

# @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
8700

# @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
8700

# @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
8700

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

Adapter for SvelteKit apps that generates a standalone Node server.

integrations
github logo
8700

# @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
8700

# @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
8700

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

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

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

SvelteKit adapter that generates a standalone Deno server.

integrations
github logo
26

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

An adapter to launch multiple adapter

github logo
1

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

SvelteKit adapter for Azure Static Web Apps.

integrations
github logo
7

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

SvelteKit adapter for Google Cloud App Engine

integrations
github logo
0

# sveltekit-adapter-browser-extension

Build browser extensions with Svelte

integrations
github logo
25

# @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
0

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

Build wordpress shortcode plugins with SvelteKit

integrations
github logo
6

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

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

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

Easily deploy your static site to GitHub Pages

integrations
github logo
0

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

SvelteKit adapter for DigitalOcean App Platform static sites.

integrations
github logo
0

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

SvelteKit adapter that generates a standalone Bun server.

ssr
integrations
github logo
6

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

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

Adapter for build desktop apps with Svelte Kit and Electron

integrations
github logo
3

# @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
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
0

# svelte-htm
npm install svelte-htm

Tagged Template syntax for svelte to simplify testing

components and libraries
testing
jsx
github logo
4

# svelte-jsx
npm install svelte-jsx

JSX for svelte to simplify testing

components and libraries
testing
jsx
github logo
10

# svelte-jester
npm install svelte-jester

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

testing
github logo
88

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

# storybookjs

UI component dev & test

testing
github logo
64520

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

Simple and complete DOM testing utilities that encourage good practices

testing
github logo
424

User Interaction #

# sswr
npm install sswr

Svelte stale while revalidate (SWR) data fetching strategy

components and libraries
fonts and icons
github logo
59

# @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
194

# svelte-headroom
npm install svelte-headroom

A Svelte component to hide your header on scroll

components and libraries
layout and structure
github logo
60

# svelte-moveable
npm install svelte-moveable

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

components and libraries
interactions
github logo
6111

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

# svelte-tabs
npm install svelte-tabs

Tabs component for Svelte

components and libraries
layout and structure
github logo
73

# svelte-notifications
npm install svelte-notifications

Simple and flexible notifications system

components and libraries
notifications
github logo
287

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

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

An accessible dialog component for Svelte apps

components and libraries
github logo
19

# multicarousel
npm install multicarousel

A dependency free multiple item JavaScript carousel

components and libraries
layout and structure
github logo
34

# svelte-swipe
npm install svelte-swipe

A carousel with touch support

components and libraries
layout and structure
github logo
191

# @sveltejs/gestures
npm install @sveltejs/gestures

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

components and libraries
interactions
github logo
73

# svelte-grid
npm install svelte-grid

A responsive, draggable and resizable grid layout, for Svelte

components and libraries
layout and structure
github logo
558

# svelte-popover
npm install svelte-popover

A smart popover component for Svelte

components and libraries
layout and structure
github logo
52

# Renderless Svelte
npm install renderless-svelte

A collection of renderless/headless components for Svelte

components and libraries
component sets
github logo
165

# svelte-parallax
npm install svelte-parallax

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

components and libraries
github logo
34

# Svelte Modals

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

components and libraries
96

# svelte-pincode
npm install svelte-pincode

Declarative pincode component for Svelte

component sets
components and libraries
github logo
4

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

# svelte-cleavejs
npm install svelte-cleavejs

Svelte action for Cleave.js input masking

inputs and widgets
github logo
0

# svelte-gestures
npm install svelte-gestures

collection of gesture recognisers for Svelte.

interactions
inputs and widgets
github logo
26

# svelte-steps
npm install svelte-steps

A wizard steps component

inputs and widgets
github logo
0

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

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

A ui components lib that supports for Svelte3

animations
component sets
form validation
notifications
github logo
32

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

# @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
0