Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

awesome-svelte-resources

[deprecated for svelte-society/sveltesociety.dev] useful resources for Svelte v3+
https://github.com/ryanatkn/awesome-svelte-resources

Last synced: 1 day ago
JSON representation

components and libraries
- routers
  - `crayon-svelte`
  - Sapper's routing
  - `routify`
  - lukeed/navaid
  - `@slick-for/svelte`
  - `yrv`
  - `svelte-routing`
  - `svelte-state-renderer`
  - `svelte-spa-router`
  - `svero`
  - `swheel`
  - `@jamen/svelte-router`
  - `svelte-hash-router`
  - svelte-easyroute
  - `svelte-router-spa`
  - `@spaceavocado/svelte-router`
  - `svelte-page-router`
  - `svelte-router`
  - `svelte-navaid`
  - Sapper
  - the FAQ
  - svelte-easyroute
  - `svelte-filerouter`
  - `routify`
- ui component sets
  - `carbon-components-svelte` - Svelte implementation of the Carbon Design System
  - `svelte-ui`
  - `svelma`
  - `smelte`
  - `svelte-material-ui`
  - `svelteify`
  - `sveltemantic` - inc</sub> -
  - `sveltestrap`
  - `svmd`
  - `svelte-chota`
  - `svelte-mui`
  - `svelte-toolbox` - toolbox</sub> -
  - `carbon-components-svelte` - Svelte implementation of the Carbon Design System
  - `svelte-ui`
  - `svmd`
  - `svelteify`
- layout and structure
  - `@egjs/svelte-infinitegrid`
  - `@sveltejs/svelte-virtual-list`
  - `@sveltejs/svelte-scroller`
  - `@sveltejs/svelte-subdivide`
  - `svelte-grid`
  - `svelte-sortable-list`
  - `multicarousel`
  - `svelte-swipe`
  - `svelte-tabs`
  - `svelte-media-query`
  - `svelte-match-media`
  - `svelte-watch-resize`
  - `svelte-simple-modal`
  - `svelte-popover`
  - `svelte-headroom`
  - `svelte-table`
  - `svelte-tabs`
  - `@beyonk/svelte-carousel` - adventures</sub> -
- inputs and widgets
  - `svelte-ruler`
  - `svelte-color-picker`
  - `svelte-select` - balfre</sub> -
  - `svelte-rate-it`
  - `waxwing-rating`
  - `@beyonk/gdpr-cookie-consent-banner` - adventures</sub> -
  - `svelte-inspect`
  - `@okrad/svelte-progressbar`
  - Browser REPL JS
  - Simple Svelte Autocomplete
  - `svelte-json-tree`
  - `svelte-checkbox`
  - `svelte-color-picker`
  - `waxwing-rating`
  - `@beyonk/gdpr-cookie-consent-banner` - adventures</sub> -
- charts
  - `frappe-charts`
  - `echarts-for-svelte`
  - `svelte-frappe-charts`
  - `svelte-fusioncharts`
- interaction
  - `svelte-moveable`
  - `@sveltejs/gestures`
  - `@beyonk/svelte-scrollspy` - adventures</sub> -
  - `@beyonk/svelte-scrollspy` - adventures</sub> -
- notifications
  - `@beyonk/svelte-notifications` - adventures</sub> -
  - `@beyonk/svelte-notifications` - adventures</sub> -
  - `svelte-notifications`
- web component sets
  - `@zooplus/zoo-web-components`
- social and other 3rd party services
  - `@beyonk/svelte-facebook-customer-chat` - adventures</sub> -
  - `@beyonk/svelte-trustpilot` - adventures</sub> -
  - `@dopry/svelte-auth0` - Auth0 Integration Components for Svelte.
  - `@beyonk/svelte-google-analytics` - adventures</sub> -
  - `@beyonk/svelte-facebook-pixel` - adventures</sub> -
  - `@beyonk/svelte-google-analytics` - adventures</sub> -
  - `@beyonk/svelte-facebook-pixel` - adventures</sub> -
  - `@beyonk/svelte-trustpilot` - adventures</sub> -
- fonts and icons
  - `svelte-awesome`
  - `svelte-fa`
  - `fa-svelte`
  - `svelte-icons`
  - `svelte-feather-icons`
  - `svelte-simple-icons` - adventures</sub> -
  - `svelte-simple-icons` - adventures</sub> -
  - `svelte-icons`
- forms and validation
  - `@spaceavocado/svelte-form`
  - `svelte-forms`
  - `svelte-forms-lib`
  - `sveltejs-forms`
  - `svelidation`
  - `svelte-formly`
- animation
  - `svelte-typewriter`
- images
  - `svelte-waypoint`
  - `svelte-image`
  - `svelte-image-encoder`
  - `svelte-easy-crop`
- time and date
  - `svelte-calendar`
  - `svelte-flatpickr`
  - keithj2780/svelte-calendar
  - svelte-fullcalendar
  - `svelte-touch-datepicker`
  - `svelte-touch-timepicker`
- development and documentation
  - `sveltedoc-parser`
  - `svelte-inspector`
  - `svelte-dev-helper`
  - `@svelte-docs/core`
  - Svelte DevTools
- syntax highlighting
  - `prism-svelte`
  - `highlightjs-svelte`
- other components and libraries
  - `svelte-adapter`
  - `svelte-css-vars`
  - `svelte-adaptive-sensors`
- maps
  - `@beyonk/svelte-mapbox` - adventures</sub> -
  - `@beyonk/svelte-googlemaps` - adventures</sub> -
  - `svelte-pick-a-place`
  - `@beyonk/svelte-googlemaps` - adventures</sub> -
  - `@beyonk/svelte-mapbox` - adventures</sub> -
- internationalization
  - `svelte-i18n`
  - `svelte-intl`
- stores and state
  - `svelte-writable-derived`
  - `svelte-apollo`
  - Svelte for Meteor - svelte</sub> -
  - `svelte-webext-storage-adapter`
  - `svelte-observable`
  - `svelte-mobx`
  - `svelte-redux-connect` - sz</sub> -
  - `svql`
  - `svelte-backed-store`
  - `svelte-webext-storage-adapter`
- async loading
  - `svelte-loadable`
  - `svelte-content-loader`
:warning: **important** :warning: go to **[svelte-society/sveltesociety.dev](https://github.com/svelte-society/sveltesociety.dev)** instead
official links
- - svelte.dev
  - Tutorial
  - API docs
  - Examples
  - REPL
  - your saved apps
  - FAQ
  - changes to Svelte
  - REPL
  - `svelte`
  - branding
  - rfcs
  - FAQ
  - FAQ
- language translations
  - translation repo
communities
- language translations
  - official Discord chat
  - /r/sveltejs
- Telegram chat rooms
integrations
- preprocessors
  - `svelte-preprocess`
  - `@modular-css/svelte` - css</sub> -
  - `svelte-preprocess`
  - `mdsvex`
  - `svelte-preprocess-markdown`
  - `svelte-ts-preprocess`
  - `svelte-preprocess-postcss`
  - `svelte-preprocess-sass` - age</sub> -
  - `svelte-preprocess-less` - age</sub> -
- bundler plugins
- cli tools
- editor tools
  - svelte-vscode
  - vim-svelte
  - vim-svelte-plugin
  - vim-svelte
  - svelte-intellij
  - `svelte-language-server`
  - vscode-svelte-component-extractor - ninja</sub> -
  - coc-svelte - extensions</sub> -
  - svelte-vscode
templates
other lists and resources
- podcasts and other videos
example app showcase
- other components and libraries
media
native
- other components and libraries
  - svelte-native
experiments
- other components and libraries
  - `@sveltejs/gl`
testing
- mobile templates
  - `jest-transform-svelte`
  - `@testing-library/svelte` - library</sub> -
  - `svelte-test`
  - storybookjs
  - `svelte-jest`

Programming Languages

JavaScript 100 Svelte 59 HTML 27 TypeScript 26 Vim Script 2 CSS 2 Vim script 1 Rust 1

Categories

components and libraries 147 templates 54 integrations 24 example app showcase 16 official links 15 media 14 other lists and resources 9 testing 5 communities 5 :warning: **important** :warning: go to **[svelte-society/sveltesociety.dev](https://github.com/svelte-society/sveltesociety.dev)** instead 4 experiments 1 native 1

Sub Categories

editor tools 58 routers 24 other components and libraries 23 layout and structure 18 podcasts and other videos 16 ui component sets 16 inputs and widgets 15 stores and state 10 preprocessors 9 social and other 3rd party services 8 fonts and icons 8 mobile templates 7 time and date 6 forms and validation 6 maps 5 development and documentation 5 talks 5 charts 4 interaction 4 images 4 bundler plugins 3 cli tools 3 language translations 3 electron templates 3 Telegram chat rooms 3 notifications 3 async loading 2 internationalization 2 syntax highlighting 2 web component sets 1 animation 1

Keywords

svelte 119 sveltejs 39 svelte-v3 27 svelte-components 24 svelte3 20 javascript 18 typescript 10 template 10 beyonk 10 router 9 vanillajs 8 material 6 material-design 6 ui 6 webpack 6 autocomplete 5 component 5 form-validation 4 validation 4 form 4 jest 4 vanilla-js 4 storybook 4 parcel 4 css 4 svelte-framework 4 vim 4 tailwindcss 4 rollup 4 chrome-extension 4 new-tab 3 web-components 3 testing 3 svelte-template 3 hmr 3 svelte-component 3 boilerplate 3 google-maps 3 location 3 maps 3 ssr 3 html 3 font-awesome 3 prettier 3 svg 3 library 3 sveltekit 3 neovim 3 material-ui 3 notifications 3