Ecosyste.ms: 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: 3 days ago
JSON representation
-
Resources
-
Studies
- JavaScript Frameworks Performance Comparison - Performance of Svelte and other top javascript frameworks.
- SvelteScaling - Does Svelte Scale?
- JavaScript Frameworks Performance Comparison - Performance of Svelte and other top javascript frameworks.
- JavaScript Frameworks Performance Comparison - Performance of Svelte and other top javascript frameworks.
- JavaScript Frameworks Performance Comparison - Performance of Svelte and other top javascript frameworks.
- JavaScript Frameworks Performance Comparison - Performance of Svelte and other top javascript frameworks.
- JavaScript Frameworks Performance Comparison - Performance of Svelte and other top javascript frameworks.
- JavaScript Frameworks Performance Comparison - Performance of Svelte and other top javascript frameworks.
- JavaScript Frameworks Performance Comparison - Performance of Svelte and other top javascript frameworks.
- JavaScript Frameworks Performance Comparison - Performance of Svelte and other top javascript frameworks.
- JavaScript Frameworks Performance Comparison - Performance of Svelte and other top javascript frameworks.
- JavaScript Frameworks Performance Comparison - Performance of Svelte and other top javascript frameworks.
- JavaScript Frameworks Performance Comparison - Performance of Svelte and other top javascript frameworks.
- JavaScript Frameworks Performance Comparison - Performance of Svelte and other top javascript frameworks.
- Will it Scale? - Finding Svelte's inflection point.
- JavaScript Frameworks Performance Comparison - Performance of Svelte and other top javascript frameworks.
- JavaScript Frameworks Performance Comparison - Performance of Svelte and other top javascript frameworks.
- JavaScript Frameworks Performance Comparison - Performance of Svelte and other top javascript frameworks.
- JavaScript Frameworks Performance Comparison - Performance of Svelte and other top javascript frameworks.
- JavaScript Frameworks Performance Comparison - Performance of Svelte and other top javascript frameworks.
- JavaScript Frameworks Performance Comparison - Performance of Svelte and other top javascript frameworks.
- JavaScript Frameworks Performance Comparison - Performance of Svelte and other top javascript frameworks.
- JavaScript Frameworks Performance Comparison - Performance of Svelte and other top javascript frameworks.
- JavaScript Frameworks Performance Comparison - Performance of Svelte and other top javascript frameworks.
- JavaScript Frameworks Performance Comparison - Performance of Svelte and other top javascript frameworks.
- JavaScript Frameworks Performance Comparison - Performance of Svelte and other top javascript frameworks.
- JavaScript Frameworks Performance Comparison - Performance of Svelte and other top javascript frameworks.
- JavaScript Frameworks Performance Comparison - Performance of Svelte and other top javascript frameworks.
- JavaScript Frameworks Performance Comparison - Performance of Svelte and other top javascript frameworks.
- JavaScript Frameworks Performance Comparison - Performance of Svelte and other top javascript frameworks.
- JavaScript Frameworks Performance Comparison - Performance of Svelte and other top javascript frameworks.
- JavaScript Frameworks Performance Comparison - Performance of Svelte and other top javascript frameworks.
- JavaScript Frameworks Performance Comparison - Performance of Svelte and other top javascript frameworks.
- JavaScript Frameworks Performance Comparison - Performance of Svelte and other top javascript frameworks.
- JavaScript Frameworks Performance Comparison - Performance of Svelte and other top javascript frameworks.
- JavaScript Frameworks Performance Comparison - Performance of Svelte and other top javascript frameworks.
- JavaScript Frameworks Performance Comparison - Performance of Svelte and other top javascript frameworks.
- JavaScript Frameworks Performance Comparison - Performance of Svelte and other top javascript frameworks.
- JavaScript Frameworks Performance Comparison - Performance of Svelte and other top javascript frameworks.
-
Official Resources
-
Community
- Discord
- Japan Discord - Svelte 日本.
-
Conferences
-
Podcasts
-
YouTube Channels
-
Tutorials
- Getting Started with Svelte 3 - DigitalOcean.
- Building My First Svelte App - Scotch.io.
- Develop a complete application with Svelte and TypeScript - MDN Web Docs.
- An Introduction to Actions - Svelte School.
- Svelte Tutorial for Beginners - The Net Ninja (YouTube).
- Sapper Tutorial (Crash Course) - The Net Ninja (YouTube).
- SvelteJS Series - tutorials and talks - SpinSpire (YouTube).
- Svelte Stores - @lihautan (YouTube).
- Svelte Actions - @lihautan (YouTube).
- Svelte 101 - @lihautan (YouTube).
- Learn Svelte by building a habit tracker app - RadDevon.
- Meet Svelte 3, a Powerful, Even Radical JavaScript Framework - SitePoint, by Chrome DevTools engineer @Jack_Franklin.
- Mutiple Paid Svelte/Sveltekit tutourials - LevelUpTutourials
- Mutiple Free Svelte Tutourials - Joy Of Code
- Mutiple Free Sveltekit Tutourials - Joy Of Code
- Create your blog with SvelteKit - @zhuzilin (Github).
- Typescript + Svelte Cheatsheet - An overview of all TypeScript related topics for Svelte and SvelteKit - @ivanhofer (Github).
- Svelte Tutorial for Beginners - The Net Ninja (YouTube).
- Sapper Tutorial (Crash Course) - The Net Ninja (YouTube).
- SvelteJS Series - tutorials and talks - SpinSpire (YouTube).
- Svelte Stores - @lihautan (YouTube).
- Svelte Actions - @lihautan (YouTube).
- Setup Authentication with AuthJS and Sveltekit 2.0 - @bradcypert (YouTube)
-
-
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.
-
-
Utilities
-
Form
- felte - Extensible form library, with built-in Yup, Zod, Vest, and Superstruct validation.
- svelte-formly - A good solution to generate and control a dynamic forms using core and custom rules with customize styles.
- Superforms - SvelteKit library for handling server and client validation, and client-side display of forms.
- svelte-forms-lib - A lightweight library for managing forms.
- 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
- Formsnap - High level Svelte components for forms, built on top of Superforms and Zod.
- vest - 🦺 Declarative form validation framework inspired by unit testing.
-
WebGL
-
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.
-
Internationalisation
- @tolgee/svelte - Web-based localization tool enabling users to translate directly in the Svelte app they develop.
- svelte-fluent - Components for easy integration of [Fluent](https://projectfluent.org/) localization.
- svelte-i18n - Internationalization library for Svelte.
- VoerkaI18n - Internationalization solution for `Javascript/Typescript/Vue/React/Solidjs/SvelteJs/ReactNative`
- sveltekit-i18n - For integrating [i18n](https://www.npmjs.com/package/i18n) style localization in SvelteKit.
-
PWA
- SvelteKit-Adapter-Versioned-Worker - An easy-to-use service worker build plugin where you don't need to worry about cache durations.
-
Portal
- svelte-portal - Component for rendering outside the DOM of parent component.
- svelte-teleport - A component to teleport elements across the DOM.
-
Fonts
- svelte-web-fonts/google - Tiny component for easily loading Fonts via the Google Fonts API including autocompletion.
-
-
UI Components
-
Icons
- svelte-simple-icons - Simple Icons component.
- svelte-icons - Icon components.
- svelte-fa - Tiny FontAwesome 5 component.
- svelte-awesome - Awesome SVG icon component, built with Font Awesome icons.
- 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.
-
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
-
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.
-
Table
- 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.
-
Grid
- svelte-grid-responsive - Bootstrap-inspired responsive grid system.
- svelte-flex - A simple and reusable flexbox component for Svelte.
-
Calendar
- svelte-fullcalendar - A component wrapper around FullCalendar.
- svelte-calendar - A lightweight datepicker with neat animations and a unique UX.
- date-picker-svelte - A date and time picker for Svelte with clean UX.
-
Form
- svelte-checkbox - A checkbox component (cool animation, customizable).
- svelte-toggle - Basic toggle component with styling.
-
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
-
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
-
-
Integrations
-
Preprocessing
- modular-css - Preprocessor support for modular-css.
- svelte-preprocess - A preprocessor for PostCSS, SCSS, Less, Stylus, Coffeescript, TypeScript, Pug and much more.
- MDSveX - Preprocessor for MDX markdown.
- svelte-preprocess-markdown - Write Svelte components in markdown syntax.
- svelte-preprocess-less - Preprocessor for less.
- svelte-preprocess-postcss - Use PostCSS to preprocess your styles in Svelte components.
- svelte-preprocess-sass - Preprocessor for sass.
- svelte-switch-case - Switch case syntax for Svelte.
-
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.
-
-
UI Libraries
-
Mobile
- Flowbite Svelte - Open-source Svelte UI components built with Tailwind CSS and Flowbite.
- carbon-components-svelte - Svelte implementation of the IBM Carbon Design System.
- Svelte UI - SvelteUI is an all inclusive Svelte library.
- YeSvelte - YeSvelte is flexible Svelte UI component library built on top of Bootstrap css.
- STDF - Mobile web component library based on Svelte and Tailwind.
- AgnosticUI - Accessible Svelte Component Primitives (that also work with React, Vue 3, and Angular).
- Sveltestrap - Bootstrap 4 & 5 components.
- Smelte - UI framework with material components built with Tailwind CSS.
- Svelte Material UI - Material UI Components.
- carbon-components-svelte - Svelte implementation of the IBM Carbon Design System.
- Melt UI - A collection of accessible, reusable, and composable headless component builders and utilities.
- Radix Svelte - An unofficial community-led Svelte port of Radix UI Primitives
- attractions - A pretty cool and modern UI kit
- ionic-svelte - Svelte integration with Ionic's UI for mobile app development, including many starters.
- Svelte UX - Large collection of components, actions, stores, and utilities to build highly interactive applications
- M3 Svelte - Robust component library implementing Material Design 3
- SVAR Core for Svelte - A collection of 20+ Svelte UI components for building fast-performing, interactive and responsive web apps.
- Skeleton - Skeleton uses Tailwind utility classes and design system to easily create theme-able user interfaces.
- daisyUI - The most popular component library for Tailwind CSS - `daisyUI` adds component class names to Tailwind CSS so you can make beautiful websites faster than ever.
- svelte-chota - Component library built with Chota, a super light-weight CSS framework
- AgnosUI - Highly configurable headless framework agnostic component library
-
-
Frameworks
-
Internationalisation
- SvelteKit - The fastest way to build Svelte apps.
- Elder.js - Opinionated static site generator and web framework for Svelte built with SEO in mind.
- Routify - Routes for Svelte, automated by your file structure.
- JungleJS - The Jamstack framework for Svelte with GraphQL.
- svelte-document - Create documents (PDFs), resumes, or presentations entirely in Svelte.
-
-
Dev Tools
-
Lint
- svelte-check - Check your code.
- eslint-plugin-svelte - An ESLint plugin for Svelte using AST.
- prettier-plugin-svelte - Format your components using prettier.
- eslint-plugin-svelte - An ESLint plugin for Svelte using AST.
-
Editors
- Svelte for VS Code - Provides syntax highlighting and rich intellisense for your components.
- Svelte 3 Snippets - Svelte 3 Snippets for VS Code.
- ide-svelte - Provides syntax highlighting and rich intellisense for your components.
- language-svelte - Provides syntax highlighting for components, directives and other Svelte specific syntax in Atom.
- 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.
-
Docs
- svelte-docs - A rapid way to write documentation for your Svelte components.
- sveltedoc-parser - Generate a JSON documentation for your component.
- svelte-docster - Generate metadata about your Svelte files from jsdoc.
-
Test
- @testing-library/svelte - Simple and complete Svelte DOM testing utilities that encourage good testing practices.
- jest-transform-svelte - Jest Transformer for Svelte components.
-
-
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.
-
-
Routers
-
Internationalisation
- 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
-
Programming Languages
Categories
Sub Categories
Studies
39
Mobile
27
Tutorials
23
Internationalisation
18
Form
10
Miscellaneous
10
Editors
9
Preprocessing
8
Icons
7
Notification
5
Lint
4
Community
4
Maps
4
Official Resources
4
Charts
3
Docs
3
Table
3
Calendar
3
Portal
2
Grid
2
Test
2
Animations
2
WebGL
2
YouTube Channels
2
Conferences
1
PWA
1
Fonts
1
Podcasts
1
Keywords
svelte
56
sveltejs
17
sveltekit
9
typescript
9
javascript
8
svelte3
6
svelte-v3
5
i18n
4
svelte-component
4
svelte-components
4
component
4
material
3
vim
3
pwa
3
forms
3
internationalization
3
react
3
ui-components
3
ui
3
router
3
vite
3
localization
2
material-design
2
l10n
2
vue
2
vanilla-js
2
charts
2
component-library
2
ui-library
2
ui-kit
2
form-validation
2
table
2
form
2
validation
2
library
2
calendar
2
jsdoc
2
neovim
2
plugin
2
preprocess
2
sapper
2
datepicker
2
template
2
svelte-framework
2
svg-icons
2
svg
2
icon
2
angular
2
font-awesome
2
ui-component
2