Awesome Lists

awesome-svelte

by TheComputerM

awesome listpushed almost 2 years ago

⚡ A curated list of awesome Svelte resources

AI summary

Svelte toolkit

A curated list of resources and tools for building web applications with Svelte

stars
1.6K
forks
126
watching
38
awesome lists
2
entries
150
View on GitHub

Embed the badge

Show how many awesome lists link to your project. The count updates automatically.

Awesome Lists badge
Markdown
[![Awesome Lists Badge](https://awesome.facts.dev/shield/TheComputerM/awesome-svelte/links.svg)](https://awesome.facts.dev/awesome/TheComputerM/awesome-svelte)
HTML
<a href="https://awesome.facts.dev/awesome/TheComputerM/awesome-svelte"><img src="https://awesome.facts.dev/shield/TheComputerM/awesome-svelte/links.svg" alt="Awesome Lists Badge" /></a>
Image URL
https://awesome.facts.dev/shield/TheComputerM/awesome-svelte/links.svg

What's in the list

150 links in 35 sections, with live GitHub stats.activeno commit in 2y

Resources / Official Resources

Resources / Community

Resources / Conferences

Resources / Podcasts

Resources / YouTube Channels

Resources / Tutorials

Resources / Studies

Integrations / Preprocessing

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

State Libraries

  • 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 Libraries

  • shadcn-svelte

    Beautifully designed components that you can copy and paste into your apps

  • SvelteUI

    all inclusive Svelte library - Components, Actions, Utilities, Animations

  • Flowbite Svelte

    Open-source Svelte UI components built with Tailwind CSS and Flowbite

  • Skeleton

    Skeleton uses Tailwind utility classes and design system to easily create theme-able user interfaces

  • Sveltestrap

    Bootstrap 4 & 5 components

  • carbon-components-svelte

    Svelte implementation of the IBM Carbon Design System

  • Svelte Material UI

    Material UI Components

  • Melt UI

    A collection of accessible, reusable, and composable headless component builders and utilities

  • attractions

    A pretty cool and modern UI kit

  • ionic-svelte

    Svelte integration with Ionic's UI for mobile app development, including many starters

  • YeSvelte

    YeSvelte is flexible Svelte UI component library built on top of Bootstrap css

  • Svelte UX

    Large collection of components, actions, stores, and utilities to build highly interactive applications

  • STDF

    Mobile web component library based on Svelte and Tailwind

  • M3 Svelte

    Robust component library implementing Material Design 3

  • AgnosUI

    Highly configurable headless framework agnostic component library

  • daisyUI

    The most popular component library for Tailwind CSS - adds component class names to Tailwind CSS so you can make beautiful websites faster than ever

  • Smelte

    UI framework with material components built with Tailwind CSS

  • SVAR Core for Svelte

    A collection of 20+ Svelte UI components for building fast-performing, interactive and responsive web apps

  • AgnosticUI

    Accessible Svelte Component Primitives (that also work with React, Vue 3, and Angular)

UI Components / Table

  • @vincjo/datatables

    A toolkit for creating datatable components with Svelte

  • svelte-table

    A table implementation that allows sorting and filtering

  • svelte-generic-crud-table

    Agnostic web-component for object-arrays with CRUD functionality. Sort and resize columns. Multiple tables per page

  • svelte-generic-table-pager

    Svelte-generic-crud-table with paginator

  • powertable

    PowerTable is a JavaScript component that turns JSON data into an interactive HTML table. This facilitates manual inspection, sorting, filtering, searching, and editing of the data

  • svelte-pivottable

    Svelte-based pivot table library with drag'n'drop functionality

UI Components / Notification

  • svelte-notifications

    Toast notifications component that can be used in any JS application

  • 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

UI Components / Grid

UI Components / Icons

  • unplugin-icons

    Access thousands of icons as components on-demand universally

  • svelte-fa

    Tiny FontAwesome 5 and 6 component

  • svelte-awesome

    Awesome SVG icon component, built with Font Awesome icons

  • steeze-ui/icons

    Effortless Icon Packs & Components for Svelte, React, Vue and more

  • svelte-icons

    Icon components

  • svelte-heroicons

    Icons, crafted by the creators of Tailwind CSS

  • svelte-icomoon

    It makes it very simple to use SVG icons in your Svelte projects

  • svelte-unicons

    Unicons svg icons for Svelte based on @iconscout/unicons

  • lucide-svelte

    Implementation of the lucide icon library for svelte applications

  • svesome

    A fontawesome v6 icons wrapper for svelte its awesome

UI Components / Calendar

UI Components / Maps

  • svelte-googlemaps

    Google Maps component

  • svelte-mapbox

    MapBox map and autocomplete components

  • leaflet-svelte

    Svelte wrapper for Leaflet

  • esri-svelte

    Web application that shows how to use the ArcGIS API for JavaScript with Svelte

  • svelte-maplibre

    Svelte bindings for the MapLibre mapping library

UI Components / 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

UI Components / Miscellaneous

Scaffold

  • create-vite

    Generates scaffold for a vite + svelte app

  • create-svelte

    A CLI for creating a new SvelteKit project

  • saasstarter

    A open source, fast, and free to host Svelte SaaS template

  • svelte-pwa-template

    A starter template for PWAs based in the official Template

  • vite-svelte-docker-template

    Template for Svelte + Docker + Vite + Vitest

Utilities / Animations

  • AutoAnimate

    A zero-config, drop-in animation utility that adds smooth transitions to your Svelte app

  • svelte-typewriter

    A simple and reusable typewriter effect for your Svelte applications

Utilities / Drag & Drop

  • neodrag

    One Draggable to rule them all 💍

Utilities / Forms

  • Superforms

    SvelteKit library for handling server and client validation, and client-side display of forms

  • Formsnap

    High level Svelte components for forms, built on top of Superforms and Zod

  • felte

    Extensible form library, with built-in Yup, Zod, Vest, and Superstruct validation

  • vest

    🦺 Declarative form validation framework inspired by unit testing

  • svelte-formly

    A good solution to generate and control a dynamic forms using core and custom rules with customize styles

  • svelte-form-builder

    A No-code Drag n Drop Form Builder built for Svelte

  • svelte-checkbox

    A checkbox component (cool animation, customizable)

  • svelte-toggle

    Basic toggle component with styling

Utilities / HTTP Requests

  • sswr

    Svelte stale while revalidate (SWR) data fetching strategy

  • svelte-query

    Fetch, cache and update data in your Svelte applications all without touching any "global state"

Utilities / Sound & Video

  • svelte-sound

    Svelte Actions to play interaction sounds on target DOM events

Utilities / WebGL

  • svelthree

    Component library for declarative construction of reactive and reusable three.js scene graphs

  • threlte

    Threlte is a renderer and component library for using Three.js in a declarative and state-driven way in Svelte apps

Utilities / PWA

Utilities / Portal

  • svelte-portal

    Component for rendering outside the DOM of parent component

  • svelte-teleport

    A component to teleport elements across the DOM

Utilities / Fonts

  • svelte-web-fonts/google

    Tiny component for easily loading Fonts via the Google Fonts API including autocompletion

Utilities / Internationalization

  • svelte-fluent

    Components for easy integration of localization

  • svelte-i18n

    Internationalization library for Svelte

  • VoerkaI18n

    Internationalization solution for

  • sveltekit-i18n

    For integrating style localization in SvelteKit

  • @tolgee/svelte

    Web-based localization tool enabling users to translate directly in the Svelte app they develop

  • @i18n-pro/svelte

    Lightweight, simple, flexible, automatic translation internationalization tool for Svelte

  • ParaglideJS

    Tiny, typesafe i18n library with translated links out of the box

Routers

  • 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

  • @shaun/svelterouter

    Another vue-router inspired Svelte router

  • 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!

Frameworks

  • SvelteKit

    The fastest way to build Svelte apps

  • Routify

    Routes for Svelte, automated by your file structure

  • Elder.js

    Opinionated static site generator and web framework for Svelte built with SEO in mind

  • JungleJS

    The Jamstack framework for Svelte with GraphQL

  • svelte-document

    Create documents (PDFs), resumes, or presentations entirely in Svelte

Dev Tools / Lint

Dev Tools / Test

  • svelte-jester

    A Jest transformer to compile your components before importing them into tests

  • @testing-library/svelte

    Simple and complete Svelte DOM testing utilities that encourage good testing practices

  • jest-transform-svelte

    Jest Transformer for Svelte components

Dev Tools / 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

  • vim-svelte-plugin

    Syntax highlighting and support for Vim

  • coc-svelte

    Syntax highlighting and support for (Neo)Vim

  • Svelte

    Syntax highlighting and support for JetBrains

More related projects

Add a GitHub project

Missing a project or an awesome list? Paste its GitHub URL and we fetch it right away.