Svelte

General

sveltejs/svelte

Svelte Community * Events, Site Showcase, Packages, Resources, Recipes

Index - Svelte Society

Svelte Summit is a FREE whole-day online event.

Resources

sveltejs/integrations

Recipes - Svelte Society

Components - Svelte Society

svelte-society/recipes-mvp

ryanatkn/awesome-svelte-resources

Svelte Recipes 👩‍🍳

Frameworks

Sapper * The next small thing in web development

sveltejs/sapper

Svelte Native * The Svelte Mobile Development Experience

roxiness/routify

@Slick-For/Svelte

shavyg2/slick-for-svelte

Elder.js: A Svelte Framework and Static Site Generator

Elder.js Template: Home

Elderjs/elderjs

Lessons From Building a Static Site Generator

Budibase | Build internal tools, the easy way

GitHub - Budibase/budibase: Budibase is an open-source low-code platform for creating internal apps in minutes. Supports PostgreSQL, MySQL, MSSQL, MongoDB, Rest API, Docker, K8s 🚀

plentico/plenti

Primo: the all-in-one static site builder

GitHub - primo-af/primo: the all-in-one static site builder

m4rrc0/sesm-demo

m4rrc0/m4rrco-from-scratch

jakedeichert/svelte-partial-hydrating-prerenderer

junglejs/junglejs

Tooling

sveltejs/rollup-plugin-svelte

sveltejs/vite-plugin-svelte

sveltejs/language-tools

sveltejs/language-tools

RedHatter/svelte-devtools

Svelte-REPL-Meister/chrome-extension

Svelte-Docs Reference

AlexxNB/svelte-docs

mistlog/svelte-draft

TheComputerM/svelte-docster

TypeScript

Markdown

AlexxNB/svelte-preprocess-markdown

Svelte-Preprocess-Markdown

Testing

Starters and templates

sveltejs/template

sveltejs/component-template

sveltejs/realworld

navneetsharmaui/sveltekit-starter

tejasag/sveltetron-9000

kaladivo/svelte-kit-koa-boilerplate

rixo/svelte-template-hot

Components and libraries

Rich-Harris/svelte-knobby

GitHub - tonyketcham/p5-svelte: Easily add p5 sketches to a Svelte project 🍛 🌱

Carbon Components Svelte

IBM/carbon-components-svelte

Svelte Material UI

hperrin/svelte-material-ui

Smelte: Material design using Tailwind CSS for Svelte

matyunya/smelte

vikignt/svelte-mui

Svelte-Chota UI Components

AlexxNB/svelte-chota

Alexander Zinchenko / svelte-atoms

WeAreGenki/minna-ui

stephane-vanraes/renderless-svelte

vaheqelyan/svelte-grid

janosh/svelte-masonry

daybrush/moveable

naver/egjs-infinitegrid

State management

GitHub - Rich-Harris/svelte-undo: A small utility for managing an undo stack

SvelteStack/svelte-query

timhall/svelte-observable

PixievoltNo1/svelte-writable-derived

plrenaudin/svelte-storez

MacFJA/svelte-undoable

tjinauyeung/svelte-forms-lib

trbrc/svelte-inspect

relm-us/svelt-yjs

lacikawiz/svelte-nStore

GitHub - Anyass3/stores-x: use svelte stores just like vueX

Routing

EmilTholin/svelte-routing

ItalyPaleAle/svelte-spa-router

NPM Trends: Compare NPM package downloads

ayndqy/svelte-micro

cdellacqua/svelte-stack-router

Data visualization

Pancake * Charts for Svelte apps

Rich-Harris/pancake

mhkeller/layercake

osmanmesutozcan/svx

Styling

svelte-css-vars

Data fetching

Media

Vime, github

WebGL

Rich-Harris/svelte-gl

vatro/svelthree

Preprocessors

GitHub - bluwy/svelte-js-in-css

https://github.com/srmullen/svelte-reactive-css-preprocess

GitHub - winston0410/glory-svelte-preprocess: A svelte preprocess for safely minimizing CSS class footprint for unbeliveable performance gain.

GitHub - aheissenberger/svelte-preprocess-css-global: A Svelte preprocessor to create global prefixed css and support for postcss.

GitHub - bluwy/svelte-preprocess-inline-logic

Adapters to other frameworks

Misc

htmlx-org/HTMLx

novacbn/svelte-pipeline

The Svelte Compiler Handbook

Compile Svelte in your head (Part 1)

The Svelte compiler: How it works

joshnuss/micro-svelte-compiler

Svelte 3 Under the hood

community/CODE_OF_CONDUCT.md at main · sveltejs/community · GitHub

How Liam Cain built Obsidian’s most popular plugin - YouTube

lihautan - YouTube

rgossiaux/svelte-headlessui: Unofficial Svelte port of the Headless UI component library

ekzhang/percival: 📝 Web-based, reactive Datalog notebooks for data analysis and visualization

snuffyDev/svelte-flatlist: A draggable, customizable, mobile-friendly menu that’s simple and easy to use.

Svelte-Flatlist docs

Kyohei Hamaguchi （濱口恭平） / @tnzk

rfcs/0007-markup-constants.md at master · sveltejs/rfcs · GitHub

rfcs/0000-style-directives.md at style-directives · plmrry/rfcs · GitHub

svelte/CHANGELOG.md at master · sveltejs/svelte · GitHub

Posts Archive - Geoff Rich

Svelte’s lifecycle methods can be used anywhere - Geoff Rich

The many meanings of $ in Svelte - Geoff Rich

NOVASland/NOVAS: NOVAS is a comprehensive build tool that enables developers of all experience levels to efficiently set up Svelte applications in a Deno runtime.

Svelte Society - YouTube

Maricris Bonzo - NFT Marketplace with Svelte and Magic - YouTube

Maurice de Beijer - Build Reliable Svelte Applications using Cypress - YouTube

Sid Nagavarapu - Our Journey in bringing Svelte to enterprise - YouTube

Jakob Rosenberg & Ghost - Routify 3 - YouTube

[BETA] Routify 3

roxiness/routify at next

roxiness/routify: Automated Svelte routes

roxiness/stackmix: A collection of templates for Routify.

roxiness/spank: Slap the pages out of a SPA

ivanhofer/typesafe-i18n: A fully type-safe and lightweight internationalization library for all your TypeScript and JavaScript projects.

bluwy (Bjorn Lu)

(1) Dan Gohman (@Sunfishcode) / Twitter

Geoff Rich on Twitter: “2021 was the year I leaned hard into @SvelteJS and became more involved in the Svelte community. Here’s a rundown of everything I wrote about Svelte in 2021, including accessible animations, actions, and style scoping. Read on to see if there’s anything you missed!” / Twitter

(1) Dr. Abiira Nathan on Twitter: “I love @sveltejs but somehow I can’t figure out how to store my JWT token in a user session in sveltekit for ssr. @SvelteSociety any articles or links to useful resources? Trust me I have read the docs like 10 times but handle?? and getSeession can’t sink in.” / Twitter

Site not found · GitHub Pages

HugoDaniel/renyi-entropy at linea-svelte

renyi-entropy/projects/linea-app/src/routes at linea-svelte · HugoDaniel/renyi-entropy · GitHub

What’s new in Svelte: February 2022

nodify-at/svelte-formify

AgnosticUI/agnosticui: AgnosticUI is a set of UI primitives that start their lives in clean HTML and CSS. These standards compliant components are then copied to our framework implementations in: React, Vue 3, Angular, and Svelte.

Understanding AgnosticUI | Agnostic

CaptainCodeman/svelte-transition: Svelte Transition Component

maciekgrzybek/svelte-inview: A Svelte action that monitors an element enters or leaves the viewport.🔥

DockYard/svelte-inline-compile

Building an iOS app with Svelte, Capacitor and Firebase

Free online puzzle games - Puzzlez.io

Closed Caption Creator | Subtitle Editor

0ql/coffeetyper: Rewrite of coffeetyper.netlify.app

https://above.cool/

base.report | modern research platform for serious investors

jakobwesthoff/the_raytracer_challenge_repl: A WebAssembly (WASM) based REPL interface for my Raytracer Challenge in Rust project

Geographic projections

stefanreifenberg (stefanreifenberg) / Repositories

Svelte Summit Fall 2022

What’s new in Svelte: March 2022

j2l/walk-and-graph-svelte-components: CLI node script to walk svelte and js files, to draw a beautiful JPG of your dependencies aka “imports”. No external dependency, only FS (Node).

honeybeeSunshine/svelte-GridTiles: drag and drop resizable tiles on a responsive grid

alex-knyaz/Miscellaneous-svelte-components: Miscellaneous svelte components

seeReadCode/stirstack: Starter template for an SPA-like MVC web app w/ Svelte, Tailwind, Inertia.js, Ruby on Rails

Rezi/fluid-grid

Recreate svelte knobby - YouTube

stordahl/svelte-code-input: A simple text input that behaves like a code editor

carbon-design-system/sveld: Generate TypeScript definitions for your Svelte components

skayo/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!

skayo/svelte-infinite-loading: An infinite scroll component for Svelte, to help you implement an infinite scroll list more easily.

v1ack/svelte-virtual-scroll-list: Virtualized scrolling for big lists

sveltejs/svelte-virtual-list: A virtual list component for Svelte apps

https://svelte-command-palette.vercel.app/

rohitpotato/svelte-command-palette: Dead simple command palette for svelte

Mordon | Mail Must Move

brysonbw/vscode-jot-down

https://onwritingcode.com/

novacbn/svelte-in-motion: Remotion clone, but in Svelte!

Nico-Mayer/svelte-terminal: A Terminal Like Website

probablykasper/remind-me-again: Toggleable cron reminders app for Mac, Linux and Windows

ADEO Design System: Building a Web Component library with Svelte and Rollup | by Mohamed MOKHTARI | ADEO Tech Blog | Medium

The Svelte Handbook

Code your website faster with CSS-like utilities | Stylify CSS

pilcrowOnPaper/lucia-auth: Authentication, simple and clean

skeletonlabs/skeleton: A fully featured UI toolkit for Svelte + Tailwind.

Skeleton — UI Toolkit for Svelte + Tailwind

restspace/svelte-schema-form: JSON Schema based form generator in Svelte

wobsoriano/svelte-gesture: 👇 Bread n butter utility for component-tied mouse/touch gestures in Svelte.

ThaUnknown/snap-layout: Lightweight, fast, layout snapping module. Made with Svelte.

ThaUnknown/universal-title-bar

chientrm/json2dir: Convert JSON object to directory tree. Auto mkdir recursively.

rohitpotato/svelte-command-palette: Dead simple command palette for svelte

untemps/svelte-use-drop-outside: Svelte action to drop an element outside an area

muonw/powertable: ▦ PowerTable is a JavaScript component that turns JSON data into an interactive HTML table. Inspired by DataTables. Powered by Svelte.

rajasegar/svelte-slides: A Reveal.js boilerplate with Svelte, TailwindCSS and Vite

pngwn/MDsveX: A markdown preprocessor for Svelte.

Svelte Society - YouTube

Building Svelte Society: Monorepos with 🐧 - YouTube

Default Shortcuts for Browsers: Chrome, Safari, Firefox

Svelte Recipes 👩‍🍳

Everything Svelte

rfcs/ts-typing-props-slots-events.md at ts-typedefs-within-svelte-components · dummdidumm/rfcs · GitHub

AlexWarnes/svelte-kbc: Keyboard controls for svelte apps.

ParthJadhav/Verve: Verve is a lightweight and blazingly fast launcher for accessing and opening applications, files and documents. ⚡

Linear Regression

Your go-to for design inspiration | nocode.gallery

lettier (lettier) / Repositories

CaptainCodeman/svelte-form-helper: Lightweight helpers for form validation with Svelte

Bastian/dapper-ui: A sleek and modern UI component library for Svelte. Work in Progress!

Teil UI - Introduction

sidharth-anand/teil-ui: A high quality, comprehensive svelte headless low-level UI component library with an emphasis on accessibility, customisation, and developer experience.

Neodrag: One draggable to rule them all

PuruVJ/neodrag: One Draggable to rule them all 💍

maciekgrzybek/svelte-inview: A Svelte action that monitors an element enters or leaves the viewport.🔥

drbh/html2svelte: ✏️ Convert HTML to Svelte components in a snap

annaghi/xstate-svelte-workshop: State Modeling in Svelte with XState

feat: route level config by dummdidumm · Pull Request #8740 · sveltejs/kit

What’s new in Svelte: March 2023

Introduction / Welcome to Svelte • Svelte Tutorial

CaptainCodeman/svelte-signature-pad: Capture smoothed signatures as SVG paths in Svelte

stordahl/svelte-right-click: A Custom Context Menu for your Svelte Application

https://svelte-right-click.vercel.app/

yashash-pugalia/win11-svelte: Recreating Windows 11 with Svelte.

Windows 11 in Svelte

snuffyDev/Wolfensvelte-3D: Wolfenstein 3D, reimagined in Svelte - rendered with the DOM

Mokshit06/sveltris: Piece together any framework with Svelte (like Tetris)

jiangfengming/svelte-vite-ssr: svelte-vite-ssr is a project template for building Svelte applications with a powerful router, SSR (Server-Side Rendering), CSR (Client-Side Rendering), HMR (Hot Module Replacement), link rel=“preload” directives, and other useful features.

Svelte Hack · Winners

wh0am1-dev/svelte-zdog: svelte components for zdog 3D renders

svelte-zdog · docs

TGlide/radix-svelte: A port of Radix UI for Svelte

jiangfengming/svelte-vite-ssr: svelte-vite-ssr is a project template for building Svelte applications with a powerful router, SSR (Server-Side Rendering), CSR (Client-Side Rendering), HMR (Hot Module Replacement), link rel=“preload” directives, and other useful features.

jiangfengming/svelte-pilot: A Svelte router that supports Server-Side Rendering (SSR).