awesome-svelte-resources

See for submission info

changes to Svelte

- RFCs for

translation repo

Russian - -

unofficial subreddit

(1000+ users)

svelte-preprocess

- A Svelte preprocessor with baked in support for common preprocessors

mdsvex

- A markdown preprocessor for Svelte

svelte-preprocess-markdown

- Write Svelte components in markdown syntax

svelte-ts-preprocess

- Typescript preprocessor for Svelte 3

@pyoner/svelte-ts-preprocess

- Typescript monorepo for Svelte v3 (preprocess, template, types)

svelte-preprocess-postcss

- PostCSS preprocessor

svelte-preprocess-sass

- SASS/SCSS preprocessor

svelte-preprocess-less

- LESS preprocessor

@modular-css/svelte

- preprocessor

@pwa/cli

- Universal PWA Builder (WIP)

baelte

- CLI tool for svelte to help you be productive

svb

- A zero-config CLI to bundle Svelte apps (WIP)

svelte-vscode

- Svelte language support for VS Code

vim-svelte

- Svelte JavaScript syntax highlighting for vim

vim-svelte-plugin

- Vim syntax and indent plugin for .svelte files

vim-svelte

- Vim syntax and indent plugin for .svelte files

svelte-intellij

- Provides syntax highlighting of Svelte components in WebStorm and friends

svelte-language-server

- A WIP language server for Svelte

vscode-svelte-component-extractor

- Creates a new Svelte component from higlighted text

coc-svelte

- Svelte support for (Neo)Vim

pyoner/svelte-typescript

- Typescript monorepo for Svelte v3 (preprocess, template, types)

Axelen123/svelte-ts-template

- Typescript template for Svelte v3

Shyam-Chen/svelte-play

- A boilerplate with Material, Babel, PostCSS, and Webpack

Holben888/svelte-starter-template

- A small starter template to get up and running with Svelte v3

marcograhl/tailwindcss-svelte-starter

- Tailwindcss v1 + Svelte v3 = <3

muhajirdev/svelte-tailwind-template

- Svelte + Tailwind = ❤

- Svelte with materializecss + tailwindcss

justinekizhak/svelte-tailwind-template

- SvelteJS and TailwindCSS template

geakstr/svelte-3-rollup-typescript-vscode

- Starter for Svelte 3/rollup/typescript/vscode

jorgegorka/svelte-firebase

- A template to help you start developing SPAs with Svelte and Firebase

ricalamino/svelte-firebase-auth

- Svelte App with Firebase Authentication for all purposes

YogliB/svelte-component-template

- A base for building shareable Svelte 3 components

neighbourhoodie/svelte-pouchdb-couchdb

- Offline-Capable todo list built with Svelte, PouchDB and CouchDB

OrdinaryJellyfish/svelte-routing-template

- Svelte webpack template with routing and lazy-loading

angelozehr/svelte-example-museums

- An example repo of a Svelte app that is IE11 compatible

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

soapdog/svelte-template-browserify

- A Svelte template for browserify

antony/svelte-box

- A truffle box for Svelte, a seed for building an Ethereum dapp using Truffle

spaceavocado/svelte-router-template

- Boilerplate template project for SPA router spaceavocado/svelte-router

beyonk-adventures/svelte-component-livereload-template

- Component template with LiveReload and Jest unit testing

patoi/svelte-component-library-template

- A base for building Svelte component library

brandonxiang/svelte-webpack-mpa

- A template to create multi-page application powered by Webpack

jerriclynsjohn/svelte-storybook-tailwind

- Svelte + Storybook + Tailwind - Starter Template

farhan2106/svelte-typescript

- Typescript + Storybook + Webpack boilerplate

farhan2106/svelte-typescript-ssr

- Typescript + Storybook + Webpack with SSR boilerplate

n0th1ng-else/svelte-typescript-sass

- Boilerplate code with Typescript and Sass bundled by Webpack

stephanepericat/svelte-boilerplate

- Boilerplate with Webpack, Cypress, Travis CI, Storybook, and SASS

will-wow/svelte-typescript-template

- Template with TypeScript, Babel, Jest, Svelte-Testing-Library, Eslint, and Prettier

tonyrewin/svelte3-ts-boilerplate

- Starter pack for Rollup, Typescript, and VSCode

devghost/svelte

- Skeleton app with Parcel, Jest, ESLint, Prettier, Babel, Wallaby

SteveALee/svelte-code-cypress-project

- Template with VSCode, Prettier, ESLint, Cypress, and Rollup

rixo/svelte-template-hot

- Clone of official Svelte template with added HMR support using Nollup

agusID/boilerplate-svelte

- Boilerplate with TypeScript, Webpack, Storybook, Travis CI, SCSS, Babel, EsLint, Prettier, Jest

LunaTK/svelte-web-component-builder

- Minimal setup for building svelte as a web component module

nitro52/svelte-typescript-sass-template

- Typescript, Sass, Storybook, Webpack

pngwn/svelte-react-template

- React via svelte-adapter, Rollup, Babel

hmmhmmhm/svelte-template

- Typescript, Parcel, Express

hmmhmmhm/svelte-spa-template

- Typescript, Parcel, Express for single page apps

Rich-Harris/svelte-template-electron

- A template for building Electron apps with Svelte ( )

Blade67/Sveltron

- Electron Svelte boilerplate

chuanqisun/svelte-electron-template

- The bare minimum boilerplate to use Svelte in electron

syonip/svelte-cordova

- Starter template for Cordova featuring hot reload

lpshanley/svelte-phonegap

- Template for building phonegap hybrid applications with Svelte

@testing-library/svelte

- Simple and complete DOM testing utilities that encourage good practices

jest-transform-svelte

- Jest Transformer for Svelte components

svelte-test

- Testing utilities for Svelte

storybookjs

- UI component dev & test

svelte-jest

- Jest Svelte component transformer

svelte-routing

- A declarative Svelte routing library with SSR support

svelte-state-renderer

- abstract-state-router renderer for Svelte

svelte-spa-router

- Router for SPAs using Svelte 3

svero

- A simple router for Svelte 3

swheel

- Ultimate Svelte router

@jamen/svelte-router

- Svelte router using a store and components

svelte-hash-router

- Simple Svelte 3 hash based router with global routes

svelte-easyroute

- Easy router for Svelte framework

svelte-router-spa

- Svelte router specially designed for Single Page Applications (SPA)

@spaceavocado/svelte-router

- Simple Svelte Router for Single Page Applications (SPA)

svelte-page-router

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

svelte-router

- Router component for Svelte

svelte-navaid

- A Svelte router powered by

@slick-for/svelte

- Manage your views and routing using class decorators and dependency injection

- Framework agnostic UI router for SPAs with specific support for Svelte

svelte-filerouter

- Filesystem-based router inspired by

yrv

- Basic router with queryParams and hash-based routing support

routify

- Routes automated by your file structure

carbon-components-svelte

Svelte implementation of the Carbon Design System

svelma

- Bulma components for Svelte

smelte

- Material design components for Svelte using Tailwind CSS

svelte-toolbox

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

svelte-material-ui

- Svelte Material UI Components

svelteify

- Material components library for Svelte using the stylesheet of Vuetify

sveltemantic

- Fomantic-UI components for Svelte 3

sveltestrap

- Bootstrap 4 components for Svelte

svelte-ui

- Simple Svelte 3 UI components

svmd

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

svelte-chota

- Svelte UI components based on super lightweight chota CSS framework

svelte-mui

- Simple Svelte UI components inspired by Google's Material Design

@zooplus/zoo-web-components

- Web-components library built with Svelte

svelte-grid

- A responsive, draggable and resizable grid layout, for Svelte

svelte-sortable-list

- A list with animated drag-n-drop functionality

@beyonk/svelte-carousel

- A super lightweight, super simple carousel for Svelte 3

multicarousel

- A dependency free multiple item JavaScript carousel

svelte-swipe

- Swipable items wrapper (no dependencies)

svelte-tabs

- Tabs component for Svelte

svelte-media-query

- CSS media queries in Svelte

svelte-match-media

- a matchMedia plugin for Svelte 3

svelte-watch-resize

- Watch element resize in Svelte

svelte-simple-modal

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

svelte-popover

- A smart popover component for Svelte

svelte-headroom

- A Svelte component to hide your header on scroll

svelte-table

- A Table component with sorting and filtering

@egjs/svelte-infinitegrid

- A component wrapping egjs-infinitegrid for infinite card layouts

svelte-color-picker

- A color picker component for Svelte

svelte-select

- A select component for Svelte apps

svelte-rate-it

- A rate component for Svelte apps

waxwing-rating

- rating widget for the web

@beyonk/gdpr-cookie-consent-banner

- A GDPR compliant cookie consent banner implementation

svelte-inspect

- console.log()-like interactive inspector for Svelte 3

@okrad/svelte-progressbar

- A multiseries, SVG progressbar component made with Svelte

Browser REPL JS

- A Javascript REPL (code editor and code results) component

Simple Svelte Autocomplete

- Simple autocomplete / typeahead component for Svelte

svelte-ruler

- A Ruler component that can draw grids and scroll infinitely

svelte-json-tree

- JSON viewer component used in the Svelte REPL

svelte-checkbox

- A checkbox component for Svelte (Cool animation, Customizable)

svelte-icons

- Icon components for Svelte, featuring many icon sets

svelte-awesome

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

svelte-fa

- Tiny FontAwesome 5 component for Svelte

fa-svelte

- Font Awesome 5 for Svelte

svelte-feather-icons

- Feather icons for Svelte

svelte-simple-icons

- SVG icons for popular brands

@spaceavocado/svelte-form

- Simple Svelte form model handler and input validations

svelte-forms

- Svelte forms validation made easy

svelte-forms-lib

- A lightweight library for managing forms in Svelte

sveltejs-forms

- Form components using Yup for validation

svelte-formly

- Form components and validations that are easy to extend

svelidation

- Easily customizable library for validation scenarios in svelte components

- A simple and reusable typewriter effect

svelte-waypoint

- Lazyload images or anything component for Svelte

svelte-image

- Image processing with Sharp for Svelte

svelte-image-encoder

- An component for editing and compressing profile pictures

svelte-easy-crop

- A Svelte component to crop images with easy interactions

echarts-for-svelte

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

svelte-fusioncharts

- Svelte component for FusionCharts JavaScript charting library

svelte-frappe-charts

- Svelte bindings for

svelte-calendar

- A lightweight datepicker with neat animations and a unique UX

svelte-flatpickr

- Flatpickr component for Svelte

keithj2780/svelte-calendar

- Simple calendar component

svelte-fullcalendar

- Wrapper around FullCalendar

svelte-touch-datepicker

- A simple date picker - best for mobile web app (no dependencies)

svelte-touch-timepicker

- A simple time picker - best for mobile web app (no dependencies)

@beyonk/svelte-notifications

- Svelte toast notifications that can be used in any JS application

svelte-notifications

- Simple and flexible notifications system

@beyonk/svelte-mapbox

- Mapbox integration for Svelte

@beyonk/svelte-googlemaps

- Google Maps integration for Svelte

svelte-pick-a-place

- Svelte component for position and area selection with Leaflet

svelte-i18n

- Internationalization library for Svelte

svelte-intl

- Internationalize your Svelte apps using format-message and Intl object

svelte-writable-derived

- Two-way data-transforming stores

svelte-apollo

- Svelte integration for Apollo GraphQL

Svelte for Meteor

- Build cybernetically enhanced web apps with Meteor and Svelte

svelte-webext-storage-adapter

- Writable stores for Firefox/Chrome extensions using

svelte-observable

- Use observables in Svelte components with ease

svelte-mobx

- Reactive MVVM with MobX & Svelte

svelte-redux-connect

- Redux binding to Svelte based on react-redux

svql

- Wrapper for FetchQL, a GraphQL query client

svelte-backed-store

- Stores backed by localStorage or sessionStorage

@beyonk/svelte-scrollspy

- Scroll Spy component for Svelte

svelte-moveable

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

svelte-loadable

- Dynamically load a Svelte component

svelte-content-loader

- SVG placeholder components for loading content

@beyonk/svelte-google-analytics

- Google Analytics tracking module for Svelte / Sapper

@beyonk/svelte-facebook-pixel

- A Facebook pixel module for Svelte / Sapper

@beyonk/svelte-facebook-customer-chat

- A Facebook customer chat integration for Svelte / Sapper

@beyonk/svelte-trustpilot

- Trustpilot Trustboxes for Svelte / Sapper

@dopry/svelte-auth0

Auth0 Integration Components for Svelte

Svelte DevTools

- Chrome/Firefox extension that allows inspection of Svelte components and state

sveltedoc-parser

- Generate a JSON documentation for a Svelte component

prettier-plugin-svelte

- Format your Svelte components using Prettier

svelte-inspector

- Development helper for inspecting and opening Svelte components in your editor

svelte-dev-helper

- Helper for Svelte components to ease development. Used by

@svelte-docs/core

- A rapid way to write documentation for your Svelte components

prism-svelte

- Syntax highlighting for Svelte code with prismjs

highlightjs-svelte

- Svelte language definition for Highlight.js

svelte-adapter

- Use Svelte components with Vue and React

svelte-css-vars

- Ever wanted to have reactive css variables in Svelte? What if I tell you there's a way?

svelte-adaptive-sensors

- Sensors to deliver adaptive loading based on a user's device and network

svelte-native

- Svelte controlling native components via Nativescript

- TodoMVC implemented in Svelte ( )

- Svelte/Sapper implementation of the RealWorld app ( )

- The component used on the Svelte website ( )

- Svelte implementation of DBMonster ( ) ( )

- Hacker News clone built with Svelte and Sapper ( )

svelte-travel-transitions

- Native-like Page Transitions with Svelte and Sapper, A Travel App

New Tab

- ⚡ A high performance Google Chrome new tab page that gets you where you need to go faster

NAU Tab

- Beautiful New Tab extension for Chrome, Firefox and browsers support web extension

Perfect Home

- Firefox newtab/home replacement

- Mood and Life Tracker built with Svelte

palettes

- A tool for creating nice, percerptually correct and colorblind-safe color palettes

Litekart

- An actively developed ecommerce website built using Svelte & Sapper

Svelte Markdown Editor

- Quick tuts + live demo to create a simple markdown editor app with Svelte

Svelte Sapper Bulma Crud

- A basic CRUD using Svelte, Sapper and Bulma. ( )

awesome-svelte

- A curated list of awesome things related to Svelte (includes v2 resources)

svelte-sapper-community

- Svelte/Sapper community map

- A collection of blog posts, videos, and other Svelte resources ( )

- Weekly curated blogs and tools for Svelte developers

- Bi-weekly newsletter with news & links

- Svelte jobs from all over the world