Awesome Svelte

A curated, community-maintained directory of resources, libraries, tools, and examples for building with Svelte, the component-based JavaScript framework.

Website: https://github.com/TheComputerM/awesome-svelte#readme
Category: Themed Directories
Tags: awesome-lists, javascript, web

---

Overview

Awesome Svelte is a structured, GitHub-hosted list that aggregates links to high-quality Svelte-related materials. It covers learning resources, ecosystem libraries, integrations, tools, and example applications, helping developers discover what they need across the Svelte ecosystem.

---

Features

Curated Resource Index

• Centralized list of Svelte resources organized by topic.
• Focus on quality and usefulness rather than exhaustiveness.
• Community-driven curation via GitHub pull requests and issues.

Learning & Community Resources

• Official Resources – Links to the official Svelte documentation and related official materials.
• Community – Community hubs such as forums, chats, and discussion spaces.
• Conferences – Svelte-related conference talks or events.
• Podcasts – Audio content focused on Svelte and its ecosystem.
• YouTube Channels – Video channels producing Svelte tutorials, talks, or walkthroughs.
• Tutorials – Step-by-step guides, articles, and tutorial series.
• Studies – Research, case studies, or in-depth analyses on Svelte usage and performance.

Integrations & Ecosystem

• Preprocessing – Tools and integrations for preprocessing Svelte code (e.g., TypeScript, SCSS, etc.).
• Mobile – UI frameworks and approaches for building mobile experiences with Svelte.

State Management

• State Libraries – Third-party libraries for managing application state in Svelte apps.

UI Libraries & Components

• UI Libraries – General-purpose component libraries, including entries like daisyUI and others.
• UI Components by Category:
  • Table – Tables and data grid components.
  • Notification – Toaster/snackbar style notification components.
  • Grid – Layout and grid systems.
  • Icons – Icon sets and icon-component integrations.
  • Calendar – Calendar views and non-editable event displays.
  • Maps – Map components and mapping integrations.
  • Charts – Charting components for data visualization.
  • Graphs – Graph/diagram/relationship visualization components.
  • Miscellaneous – Other reusable UI components that don’t fit specific categories.

Project Starters & Scaffolding

• Scaffold – Templates, boilerplates, starter kits, and stack ensembles (including possible Yeoman generators) to quickly start new Svelte projects.

Utilities & Add‑ons

• Animations – Libraries and helpers for animating Svelte components and transitions.
• Drag & Drop – Components and utilities for drag-and-drop interactions.
• Forms –
  • General form utilities and helpers.
  • Form Components – Individual input and form-related components.
• HTTP Requests – Helpers and wrappers for making network requests from Svelte apps.
• Sound & Video – Components for audio and video playback and control.
• WebGL – Integrations that combine Svelte with WebGL/3D graphics.
• PWA – Tools and patterns to build Progressive Web Apps with Svelte.
• Portal – Portal utilities for rendering components outside their normal DOM hierarchy.
• Fonts – Font-related tooling and integrations.
• Internationalization – i18n libraries and tools for Svelte; context includes broader JS ecosystems such as Javascript/Typescript/Vue/React/Solidjs/SvelteJs/ReactNative.

Routing & Frameworks

• Routers – Client-side routers for Single Page Applications and more complex navigation patterns in Svelte.
• Frameworks – Higher-level frameworks built on top of or around Svelte.

Developer Tooling

• Dev Tools – General development utilities for working with Svelte.
• Adapters – Build and deployment adapters for integrating Svelte projects with various platforms.
• Lint – Linting and formatting tools specific to Svelte projects.
• Test – Testing frameworks and utilities for Svelte components and apps.
• Editors – Editor and IDE integrations, including:
  • Visual Studio Code extensions
  • Sublime Text plugins
  • Vim plugins
  • JetBrains IDE plugins

Example Applications

• Application Examples – Real-world or sample Svelte applications to learn from.
  • Desktop – Desktop-focused examples (e.g., an app like candle).

Governance & Meta

• License – Open-source license information is included in the repository.
• Contributing – CONTRIBUTING guidelines describe how to propose new entries or improvements.

---

Pricing

Awesome Svelte is an open-source GitHub repository and curated list. It is free to access and use; no pricing plans are associated with it.