Top 50 Awesome List

Higher Education

Higher Education

TheComputerM/awesome-svelte

Front-End Development  16 days ago  629
A curated list of awesome Svelte resources
View byDAY/WEEK/README
View on Github

Jul 30th

UI Components

Icons

  • svelte-icomoonstars3 - It makes it very simple to use SVG icons in your Svelte projects.
  • Jul 25th

    Integrations

    Preprocessing

  • svelte-switch-casestars47 - Switch case syntax for Svelte.
  • Jul 23rd

    UI Libraries

  • ionic-sveltestars304 - Svelte integration with Ionic's UI for mobile app development, including many starters.
  • Jun 25th

    UI Components

    Notification

  • svelte-french-toaststars109 - Buttery smooth toast notifications for Svelte, inspired by React Hot Toast. Lightweight, customizable, and beautiful by default.
  • Jun 1st

    Utilities

    Animations

  • AutoAnimate - A zero-config, drop-in animation utility that adds smooth transitions to your Svelte app.
  • May 17th

    Utilities

    Form

  • svelte-formlystars197 - A good solution to generate and control a dynamic forms using core and custom rules with customize styles.
  • Mar 10th

    UI Components

    Charts

  • svelte-frappe-chartsstars214 - Svelte bindings for frappe-charts.
  • Feb 26th

    UI Libraries

  • AgnosticUIstars446 - Accessible Svelte Component Primitives (that also work with React, Vue 3, and Angular).
  • Feb 9th

    Utilities

    Internationalisation

  • svelte-fluentstars43 - Components for easy integration of Fluent localization.
  • svelte-i18nstars787 - Internationalization library for Svelte.
  • sveltekit-i18nstars144 - For integrating i18n style localization in SvelteKit.
  • Feb 2nd

    Utilities

    Internationalisation

  • @tolgee/svelte - Web-based localization tool enabling users to translate directly in the Svelte app they develop.
  • Feb 1st

    UI Components

    Miscellaneous

  • svelte-copyrightstars9 - A Svelte component to format and display a copyright notice.
  • UI Components

    Grid

  • svelte-flexstars69 - A simple and reusable flexbox component for Svelte.
  • Jan 19th

    UI Components

    Icons

  • svelte-heroiconsstars5 - Icons, crafted by the creators of Tailwind CSS.
  • Jan 7th

    Utilities

    Form

  • felte - Extensible form library, with built-in Yup, Zod, Vest, and Superstruct validation.
  • veststars1.9k - 🦺 Declarative form validation framework inspired by unit testing.
  • Oct 30th, 2021

    UI Components

    Notification

  • @zerodevx/svelte-toaststars381 - Simple elegant toast notifications.
  • Oct 26th, 2021

    Resources

    Tutorials

  • Create your blog with SvelteKit - @zhuzilin (Github).
  • Oct 16th, 2021

    UI Components

    Miscellaneous

  • svelte-tree-viewerstars11 - A lightweight component to render tree views.
  • Aug 31st, 2021

    Scaffold

    Client

  • svelte-typescript-jeststars1 - Starter template with Typescript activated and Jest working.
  • Aug 27th, 2021

    Utilities

    Animations

  • svelte-typewriterstars204 - A simple and reusable typewriter effect for your Svelte applications.
  • Aug 20th, 2021

    Utilities

    Fonts

  • svelte-web-fonts/googlestars12 - Tiny component for easily loading Fonts via the Google Fonts API including autocompletion.
  • Jun 7th, 2021

    UI Libraries

  • Sveltestrapstars997 - Bootstrap 4 & 5 components.
  • Jun 6th, 2021

    Dev Tools

    Docs

  • svelte-docsterstars7 - Generate metadata about your Svelte files from jsdoc.
  • Integrations

    Mobile

  • Svelte Native - Svelte controlling native components via Nativescript.
  • Framework7 - Full featured HTML framework for building iOS & Android apps.
  • Frameworks

  • SvelteKit - The fastest way to build Svelte apps.
  • Sapper - The next small thing in web development, powered by Svelte.
  • 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.
  • UI Components

    Grid

  • svelte-grid-responsivestars41 - Bootstrap-inspired responsive grid system.
  • Utilities

    Form

  • svelte-forms-libstars506 - A lightweight library for managing forms.
  • Utilities

    WebGL

  • svelthreestars352 - Component library for declarative construction of reactive and reusable three.js scene graphs.
  • Utilities

    Portal

  • svelte-portalstars247 - Component for rendering outside the DOM of parent component.
  • svelte-teleportstars18 - A component to teleport elements across the DOM.
  • Routers

  • svelte-router-spastars429 - Router adds routing to your Single Page Applications (SPA). Includes localisation, guards and nested layouts.
  • svelte-routingstars1.7k - A declarative Svelte routing library with SSR support.
  • tinrostars604 - A tiny, dependency free and highly declarative router.
  • svelte-spa-routerstars1.1k - Optimized for Single Page Applications (SPA) with hash based routing and support for parameters.
  • svelte-client-routerstars11 - Svelte Client Router is everything you need and think when routing SPA's.
  • May 25th, 2021

    Resources

    Tutorials

  • Meet Svelte 3, a Powerful, Even Radical JavaScript Framework - SitePoint, by Chrome DevTools engineer @Jack_Franklin.
  • May 13th, 2021

    UI Components

    Table

  • svelte-generic-crud-tablestars41 - Agnostic web-component for object-arrays with CRUD functionality. Sort and resize columns. Multiple tables per page.
  • svelte-generic-table-pagerstars4 - Svelte-generic-crud-table with paginator.
  • Resources

    Tutorials

  • Sapper Tutorial (Crash Course) - The Net Ninja (YouTube).
  • Svelte 101 - @lihautan (YouTube).
  • Dev Tools

    Lint

  • eslint-plugin-sveltestars37 - An ESLint plugin for Svelte using AST.
  • May 10th, 2021

    Resources

    Tutorials

  • Learn Svelte by building a habit tracker app - RadDevon.
  • Apr 5th, 2021

    UI Libraries

  • svelte-chotastars263 - Component library built with Chota, a super light-weight CSS framework
  • Feb 21st, 2021

    Resources

    Tutorials

  • Svelte Stores - @lihautan (YouTube).
  • Svelte Actions - @lihautan (YouTube).
  • Feb 5th, 2021

    UI Components

    Table

  • svelte-simple-datatablesstars194 - A Datatable component for Svelte
  • Jan 17th, 2021

    Resources

    Studies

  • JavaScript Frameworks Performance Comparison - Performance of Svelte and other top javascript frameworks.
  • Jan 16th, 2021

    Resources

    YouTube Channels

  • Svelte Mastery
  • Jan 14th, 2021

    Scaffold

    Universal

  • sapper-startstars28 - Sapper Rollup template with opinionated defaults such as SCSS support, shorthand paths, less boilerplate files and more.
  • Jan 11th, 2021

    Integrations

    Preprocessing

  • svelte-preprocessstars1.4k - A preprocessor for PostCSS, SCSS, Less, Stylus, Coffeescript, TypeScript, Pug and much more.
  • Jan 2nd, 2021

    Resources

    Community

  • Japan Discord - Svelte日本.
  • Dec 28th, 2020

    Dec 25th, 2020

    Resources

    Community

  • Reddit
  • Resources

    Tutorials

  • SvelteJS Series - tutorials and talks - SpinSpire (YouTube).
  • Dec 23rd, 2020

    Resources

    Studies

  • SvelteScaling - Does Svelte Scale?
  • Will it Scale?stars146 - Finding Svelte's inflection point.
  • Scaffold

    Client

  • sveltejs/templatestars1.6k - Template for building basic applications with rollup.
  • component-templatestars507 - A base for building shareable components.
  • svelte-component-templatestars340 - A base for building shareable components.
  • svelte-pwa-templatestars182 - A starter template for PWAs based in the official Template.
  • svelte-redux-toolkitstars8 - A starter template integrating Redux-Toolkit.
  • svelte-ts-eslint-prettier-templatestars13 - Starter template with TS activated, and ESLint and Prettier working together.
  • Scaffold

    Universal

  • sapper-template#rollup - The default Sapper template, available for Rollup.
  • sapper-template#webpack - The default Sapper template, available for Webpack.
  • sapper-firebase-typescript-graphql-tailwindcss-actions-templatestars108 - Template that includes Sapper, Firebase functions and hosting, TypeScript and TypeGraphQL, Tailwind CSS, ESLint, and automatic building and deployment with GitHub Actions.
  • sapper-mdsvex-templatestars13 - The default Sapper template with mdsvex.
  • sapper-tailwindcss-templatestars79 - The default Sapper template with Tailwind CSS.
  • sapper-typescript-graphql-templatestars85 - Template that includes Sapper, TypeScript preprocessing, and a GraphQL server through TypeGraphQL.
  • Dec 22nd, 2020

    UI Libraries

  • attractionsstars664 - A pretty cool and modern UI kit
  • Dec 19th, 2020

    UI Components

    Icons

  • svelte-simple-iconsstars13 - Simple Icons component.
  • svelte-awesomestars313 - Awesome SVG icon component, built with Font Awesome icons.
  • Dec 18th, 2020

    Integrations

    Preprocessing

  • MDSveXstars1.4k - Preprocessor for MDX markdown.
  • svelte-preprocess-lessstars13 - Preprocessor for less.
  • modular-css - Preprocessor support for modular-css.
  • svelte-preprocess-sassstars90 - Preprocessor for sass.
  • UI Libraries

  • Svelte Materialifystars610 - A Material UI Design Component library heavily inspired by vuetify.
  • Smeltestars1.3k - UI framework with material components built with Tailwind CSS.
  • Svelte Material UIstars2.6k - Material UI Components.
  • UI Components

    Table

  • svelte-tablestars339 - A table implementation that allows sorting and filtering.
  • UI Components

    Notification

  • svelte-notificationsstars281 - Toast notifications component that can be used in any JS application.
  • UI Components

    Icons

  • svelte-fastars237 - Tiny FontAwesome 5 component.
  • svelte-iconsstars192 - Icon components.
  • UI Components

    Calendar

  • svelte-fullcalendarstars138 - A component wrapper around FullCalendar.
  • UI Components

    Maps

  • svelte-googlemapsstars56 - Google Maps component.
  • svelte-mapboxstars232 - MapBox map and autocomplete components.
  • leaflet-sveltestars47 - Svelte wrapper for Leaflet.
  • UI Components

    Checkbox

  • svelte-checkboxstars71 - A checkbox component (cool animation, customizable).
  • svelte-togglestars18 - Basic toggle component with styling.
  • Dev Tools

    Lint

  • eslint-plugin-svelte3stars333 - An ESLint plugin for components.
  • prettier-plugin-sveltestars486 - Format your components using prettier.
  • svelte-check - Check your code.
  • Dev Tools

    Docs

  • sveltedoc-parserstars80 - Generate a JSON documentation for your component.
  • Dev Tools

    Test

  • svelte-jesterstars117 - A Jest transformer to compile your components before importing them into tests.
  • Dev Tools

    Visual Studio Code

  • Svelte for VS Code - Provides syntax highlighting and rich intellisense for your components.
  • Dev Tools

    Atom

  • 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.
  • Dev Tools

    Sublime Text

  • Svelte - Syntax highlighting and support for Sublime Text.
  • Dev Tools

    Vim

  • vim-svelte-pluginstars91 - Syntax highlighting and support for Vim.
  • coc-sveltestars143 - Syntax highlighting and support for (Neo)Vim.
  • Dev Tools

    JetBrains

  • Svelte - Syntax highlighting and support for JetBrains.
  • Nov 11th, 2020

    Resources

    Tutorials

  • Getting Started with Svelte 3 - DigitalOcean.
  • Building My First Svelte App - Scotch.io.
  • An Introduction to Actions - Svelte School.
  • Svelte Tutorial for Beginners - The Net Ninja (YouTube).
  • Dev Tools

    Test

  • @testing-library/sveltestars512 - Simple and complete Svelte DOM testing utilities that encourage good testing practices.
  • Oct 13th, 2020

    Resources

    Official Resources

  • Official Guide
  • API Reference
  • GitHub Repostars61.5k
  • Changelog
  • Resources

    Community

  • Twitter
  • Discord
  • Resources

    Conferences

  • Svelte Summit
  • Resources

    Podcasts

  • Svelte Radio
  • Resources

    YouTube Channels

  • Svelte Society
  • Integrations

    Preprocessing

  • svelte-preprocess-markdownstars123 - Write Svelte components in markdown syntax.
  • svelte-preprocess-postcssstars24 - Use PostCSS to preprocess your styles in Svelte components.
  • UI Libraries

  • carbon-components-sveltestars1.7k - Svelte implementation of the IBM Carbon Design System.
  • UI Components

    Notification

  • svelte-favicon-badgestars92 - A custom component that adds a favicon and a badge that you can use to show for example number of unread messages, etc.
  • UI Components

    Calendar

  • svelte-calendarstars449 - A lightweight datepicker with neat animations and a unique UX.
  • Dev Tools

    Docs

  • svelte-docsstars158 - A rapid way to write documentation for your Svelte components.
  • Dev Tools

    Test

  • jest-transform-sveltestars36 - Jest Transformer for Svelte components.
  • Dev Tools

    Visual Studio Code

  • Svelte 3 Snippets - Svelte 3 Snippets for VS Code.
  • Dev Tools

    Vim

  • vim-sveltestars247 - Vim syntax highlighting and indentation for Svelte 3 components.
  • Last Checked At: 2022-08-15T14:29:59.141Z
    Previous
    componently-com/awesome-building-blocks-for-web-apps
    Next
    klaufel/awesome-design-systems

    About

    Track your favorite github awesome repo, not just star it. trackawesomelist.com provides website, newsletter, RSS for tracking the popular awesome list by daily and weekly.
    Contact us: [email protected]
    Track Awesome List - Track your favorite Github awesome repos, not just star them | Product Hunt

    Subscribe

    Subscribe to our weekly newsletter to receive the awesome updates! We never send spam and you can unsubscribe instantly with one click. Here's past issues.

    Links

    Follow us on TwitterSubscribe us on TelegramSubmit awesome list repoNewsletterDonateSitemap