Awesome Svelte

⚡ A curated list of awesome Svelte resources

Svelte is a new way to build web applications. It's a compiler that takes your declarative components and converts them into efficient JavaScript

Contributions welcome. Add links through pull requests or create an issue to start a discussion.

Contents

• Awesome Svelte
• Contents
• Resources
  • Official Resources
  • Community
  • Conferences
  • Podcasts
  • YouTube Channels
  • Tutorials
  • Studies
• Integrations
  • Preprocessing
  • Mobile
• State Libraries
• UI Libraries
• UI Components
  • Table
  • Notification
  • Grid
  • Icons
  • Calendar
  • Maps
  • Charts
  • Miscellaneous
• Scaffold
• Utilities
  • Animations
  • Drag \& Drop
  • Forms
  • Form Components
  • HTTP Requests
  • Sound \& Video
  • WebGL
  • PWA
  • Portal
  • Fonts
  • Internationalization
• Routers
• Frameworks
• Dev Tools
  • Lint
  • Test
  • Editors
  • Visual Studio Code
  • Sublime Text
  • Vim
  • JetBrains
• Application Examples
  • Desktop

Resources

Official Resources

• Official Guide
• API Reference
• GitHub Repo
• Changelog

Community

• ~~Twitter~~
• Bluesky
• Discord
• Reddit
• Japan Discord - Svelte 日本.

Conferences

• Svelte Summit

Podcasts

• Svelte Radio

YouTube Channels

• Svelte Society
• Svelte Mastery
• Joy of Code

Tutorials

• Getting Started with Svelte 5: A Guide for React Developers - Edistys
• Svelte 5 Basics - Complete Svelte 5 Course for Beginners - Syntax (YouTube)

Studies

Studies and research on the Svelte framework.

• SvelteScaling - Does Svelte Scale? (pre-v5)
• Will it Scale? - Finding Svelte's inflection point. (pre-v5)

Integrations

Preprocessing

• svelte-preprocess - A preprocessor for PostCSS, SCSS, Less, Stylus, Coffeescript, TypeScript, Pug and much more.
• MDSveX - Preprocessor for MDX markdown.
• svelte-switch-case - Switch case syntax for Svelte.
• svelte-preprocess-less - Preprocessor for less.
• modular-css - Preprocessor support for modular-css.
• svelte-preprocess-sass - Preprocessor for sass.
• svelte-preprocess-markdown - Write Svelte components in markdown syntax.
• @nvl/sveltex - Svelte + Markdown + LaTeX.

Mobile

UI frameworks for 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.

State Libraries

• svelte-asyncable - The Svelte store contract with support for asynchronous values.
• exome - Simple proxy based state manager for deeply nested states.