Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

awesome-svelte

⚡ A curated list of awesome Svelte resources
https://github.com/TheComputerM/awesome-svelte

Last synced: 26 days ago
JSON representation

Application Examples

Desktop

  • Oxide-Lab - Privacy-focused local LLM chat application built with Svelte 5 frontend and Rust backend using the candle ML framework.
  • Zephyr - Open-source mod manager for PC games with built-in Archipelago multiworld randomizer support, built with Svelte 5 and Tauri 2.
  • PR Cockpit - An extremely fast GitHub for reviewing pull requests: PRs open in about 20 ms. Keyboard-first, with a CLI for coding agents. Svelte 5 runes UI over a Bun server.

Dev Tools

Adapters

  • JesterKit EXE - An adapter to distribute your SvelteKit web app as a single executable binary with zero runtime dependencies. Unlike static builds, it preserves all Kit features like SSR, API endpoints, server hooks, etc.

Docs

  • svelte-docs - A rapid way to write documentation for your Svelte components.
  • svelte-docster - Generate metadata about your Svelte files from jsdoc.

Editors

  • Svelte for VS Code - Provides syntax highlighting and rich intellisense for your components.
  • Svelte 3 Snippets - Svelte 3 Snippets for VS Code.
  • Svelte - Syntax highlighting and support for Sublime Text.
  • Svelte - Syntax highlighting and support for JetBrains.
  • vim-svelte - Vim syntax highlighting and indentation for Svelte 3 components.
  • vim-svelte-plugin - Syntax highlighting and support for Vim.
  • coc-svelte - Syntax highlighting and support for (Neo)Vim.

Internationalization

  • Frontman - Open-source AI coding agent that lives in your browser with click-to-edit and hot reload for Svelte apps.

Lint

Test

Frameworks

Internationalisation

  • Elder.js - Opinionated static site generator and web framework for Svelte built with SEO in mind.
  • svelte-document - Create documents (PDFs), resumes, or presentations entirely in Svelte.

Internationalization

  • Routify - Routes for Svelte, automated by your file structure.
  • JungleJS - The Jamstack framework for Svelte with GraphQL. (pre-v5)
  • SvelteKit - The fastest way to build Svelte apps.
  • Elder.js - Opinionated static site generator and web framework for Svelte built with SEO in mind. (pre-v5)
  • svelte-document - Create documents (PDFs), resumes, or presentations entirely in Svelte.

Integrations

Mobile

  • Svelte Native - Svelte controlling native components via Nativescript.
  • Framework7 - Full featured HTML framework for building iOS & Android apps.
  • Capacitor - Build native mobile apps with web technology and Svelte.
  • Svelte Native - Svelte controlling native components via Nativescript.

Preprocessing

Resources

Community

Conferences

Official Resources

Podcasts

Studies

Tutorials

YouTube Channels

Routers

Internationalisation

Internationalization

  • svelte-router-spa - Router adds routing to your Single Page Applications (SPA). Includes localisation, guards and nested layouts.
  • svelte-routing - A declarative Svelte routing library with SSR support.
  • tinro - A tiny, dependency free and highly declarative router.
  • svelte-spa-router - Optimized for Single Page Applications (SPA) with hash based routing and support for parameters.
  • svelte-client-router - Svelte Client Router is everything you need and think when routing SPA's.
  • @danielsharkov/svelte-router - A simple & easy to use SPA router, developed with page transitions in mind.
  • Elegua - Small (< 180LoC), fast, easy, full featured SPA router
  • svelte5-router - First Svelte 5 SPA router with nesting, hooks, and more.. Use components, snippets, or both!
  • @wjfe/n-savant - Fast, reactive router with always-on path and hash routing, and the router that invented multi-hash routing.
  • sv-router - Type-safe SPA router with file-based or code-based routing.
  • @shaun/svelterouter - Another vue-router inspired Svelte router.
  • ufbr - An Universal File Based Router with Svelte support.

Scaffold

Miscellaneous

  • create-vite - Generates scaffold for a vite + svelte app.
  • create-svelte - A CLI for creating a new SvelteKit project.
  • component-template - A base for building shareable components.
  • svelte-pwa-template - A starter template for PWAs based in the official Template. (pre-v5)
  • saasstarter - A open source, fast, and free to host Svelte SaaS template.
  • svelte-docs-starter - A modern documentation template built with Svelte 5, MDSvex, and Tailwind CSS.
  • template-svelte - An official quickstart template with Phaser.
  • create-svelte - A CLI for creating a new SvelteKit project.
  • generic-app-template - A open-source modern full-stack web application template built with SvelteKit + shadcn-svelte. Supports i18n, theming, cookie managment, SEO management, static content with mdsvex, a shell component and more.
  • Product Plate - An open-source SvelteKit + Convex starter for building SaaS products.
  • My SvelteKit Starter - A production-ready SvelteKit boilerplate optimized for AI-assisted development, featuring Svelte 5 runes, Tailwind CSS v4, shadcn-svelte style components, i18n, and pre-configured agent instructions.
  • microfolio - A static portfolio generator for creatives built with SvelteKit and Tailwind CSS 4, where content is just folders and Markdown files instead of a database, with interactive maps, EXIF metadata extraction and no tracking.

State Libraries

Mobile

  • Svelte-Domain - The state management for svelte.
  • svelte-asyncable - The Svelte store contract with support for asynchronous values.
  • exome - Simple proxy based state manager for deeply nested states.
  • tanstack-store - Framework agnostic type-safe store w/ reactive framework adapters.

UI Components

Calendar

Charts

  • svelte-frappe-charts - Svelte bindings for frappe-charts.
  • Layer Cake - A framework for mostly-reusable graphics with svelte
  • LayerChart - Large collection of composable Svelte components to build a wide range of visualizations, built upon Layer Cake
  • SVAR Gantt Chart - An interactive, customizable Gantt chart component written in Svelte

Graphs

  • svelte-flow - A customizable Svelte component for building node-based editors and interactive diagrams by the creators of React Flow
  • svelte-flow - A customizable Svelte component for building node-based editors and interactive diagrams by the creators of React Flow

Grid

Icons

Maps

Miscellaneous

  • svelte-tree-viewer - A lightweight component to render tree views.
  • svelte-copyright - A Svelte component to format and display a copyright notice.
  • svelte-splitpanes - Full featured resizeable views panels.
  • mathjax-svelte - A Svelte component for MathJax.
  • svelte-stepper - A Svelte component for building animated step flows.
  • css-3d-progress - A 3D Progress Bar component
  • Svelte Tweakpane UI - UI elements from Tweakpane wrapped in a collection of idiomatic Svelte components.
  • svelte-speedometer - Svelte component for showing speedometer like gauge using d3.
  • embedz - Easy, dependency free embeds for Svelte and Vue.
  • Edra - Best Rich Text Editor, made for Svelte Developers with Tiptap.
  • number-flow - A component to transition, format, and localize numbers.
  • svelte-streamdown - Port of streamdown. An all in one markdown renderer optimized for streaming with built in styles, math, mermaid, code highlighting support and more.
  • EmbedPDF - A modular, high-performance PDF viewer and editor built for Svelte, powered by PDFium. Fully extensible with plugins for annotations, redaction, thumbnails, and more.
  • svelte-bash - A customizable terminal-style component for Svelte 5.
  • File Viewer - An offline-first Svelte component that previews 206 file extensions with lazy renderer presets and no server-side conversion.
  • Edra - Best Rich Text Editor, made for Svelte Developers with Tiptap.
  • crd-ui - Credit and debit card visualization for payment forms and saved-card views, with live brand detection and a 3D flip.

Notification

  • 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, etc.
  • @zerodevx/svelte-toast - Simple elegant toast notifications.
  • svelte-french-toast - Buttery smooth toast notifications for Svelte, inspired by React Hot Toast. Lightweight, customizable, and beautiful by default.
  • svelte-sonner - An opinionated toast component for Svelte.
  • svelte-notifications - Toast notifications component that can be used in any JS application.

Table