awesome-svelte-resources

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

Last synced: 3 days 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`
  - `waxwing-rating`
  - `@beyonk/gdpr-cookie-consent-banner` - adventures</sub> -
- charts
  - `frappe-charts`
  - `echarts-for-svelte`
  - `svelte-frappe-charts`
- 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
  - `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-writable-derived`
  - `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> -
  - `@modular-css/svelte` - css</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
  - `svelte-language-server`
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 98 Svelte 58 HTML 27 TypeScript 27 Vim Script 2 CSS 2 Vim script 1 Rust 1

Categories

components and libraries 145 templates 55 integrations 26 example app showcase 16 official links 15 media 15 other lists and resources 8 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 60 other components and libraries 24 routers 24 layout and structure 18 ui component sets 16 podcasts and other videos 15 inputs and widgets 14 stores and state 11 preprocessors 10 social and other 3rd party services 8 fonts and icons 8 mobile templates 7 time and date 6 forms and validation 6 maps 5 talks 5 interaction 4 development and documentation 4 images 4 charts 3 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 117 sveltejs 37 svelte-v3 26 svelte-components 23 svelte3 20 javascript 18 beyonk 10 typescript 10 template 10 router 9 vanillajs 8 webpack 6 ui 6 material 6 material-design 6 autocomplete 5 component 5 jest 4 vanilla-js 4 css 4 vim 4 parcel 4 chrome-extension 4 rollup 4 svelte-framework 4 form 4 storybook 4 tailwindcss 4 form-validation 4 validation 4 location 3 google-maps 3 maps 3 testing 3 web-components 3 svelte-component 3 prettier 3 boilerplate 3 html 3 ssr 3 svelte-template 3 hmr 3 notifications 3 toast 3 new-tab 3 material-ui 3 sveltekit 3 components 3 library 3 neovim 3