Awesome Svelte

A curated list of awesome things related to Svelte

Based on Awesome Vue.js

• Resources
  • Examples
• Projects Using Svelte
• Components & Libraries
  • UI Components
  • UI Layout
  • Frameworks
  • UI Utilities
  • Utilities
  • Integrations
  • Dev Tools
    • Source Code Editing
      • Visual Studio Code
  • Scaffold

Resources

• Offical Website
  • Tutorial
  • Template
  • API Docs
  • Examples
  • REPL
  • Blog
  • Version 2
• Discord
• GitHub Repo
• Release Notes

Examples

• svelte-gun-example - This is an example using svelte 3 with the gun database.

Projects Using Svelte

Open Source

Apps/Websites

Components & Libraries

UI Components

• svelte-image-encoder - A component to show, edit and compress pictures before upload to a server.
• svelte-table - A svelte-3 table implementation that allows sorting and filtering.

UI Layout

Frameworks

• Sapper - PWA framework similar to Nuxt.js to Vue and Next.js and Gatsby to React.
• Svelte Native - Svelte in a NativeScript application

UI Utilities

Utilities

Code Style

Improve readability of code

• eslint-plugin-svelte3 - Linting plugin for eslint & Svelte 3.

Asset Management

Utilities for building / compiling / bundling / loading assets

• rollup-plugin-svelte - Officially maintained rollup plugin.
• svelte-loader - Officially maintained webpacker loader.

Integrations

Dev Tools

Source Code Editing

Text editor plugins

Visual Studio Code

• Svelte for VS Code - Provides syntax highlighting and rich intellisense for VS Code.
• Svelte VS Code Snippets - Visual Studio Code Extension that adds Svelte 3 code snippets to your favorite IDE.

Scaffold

Scaffold / boilerplate / seed / starter kits / stack ensemble / Yeoman generator

• Asp.NETCore Svelte (TypeScript) SPA Starter - Uses ASP.NET Core Web API, Svelte 3, Webpack 4 & Bootstrap 4.