/awesome-svelte

Awesome Svelte: Useful resources for developing Svelte applications

Creative Commons Zero v1.0 UniversalCC0-1.0

⭐   the project to show your appreciation. ↗️

— A curated newsletter for Svelte enthusiasts.

Table of Contents

UI Components

Editable data grid / spreadsheet

Table

Infinite Scroll

Overlay

Display overlay / modal / alert / dialog / lightbox / popup

Notification

Tooltip

Menu

Menus / sidebars

Sticky

Fixed headers / scroll-up headers / sticky elements

Tabs

Loader

Loaders / spinners / progress bars — Let the user know that something is loading

Carousel

Buttons

Collapse

Chart

Display data in charts / graphs / diagrams

Tree

Display a tree data structure

UI Navigation

Ways to navigate views

Custom Scrollbar

Audio / Video

Map

Time / Date / Age

Display time / date / age

Photo / Image

Display images / photos

Icons

Display icons / icon set / emojis

Paginator

Display a control element to paginate

Markdown Viewer

Display parsed markdow source

Canvas

Sketch input using Canvas or SVG

Social

DOM Manipulation

Miscellaneous

Form Components

Let the user enter data

Date / Time picker

Date picker / time picker / datetime picker / date range picker

Emoji picker

Input Types

Masked inputs, specialized inputs; email / telephone number / credit card / etc.

Autocomplete

Autosuggest / autocomplete / typeahead

Select

Color Picker

Toggle

Slider

Radio Button

Type Select

Let the user select something (e.g. a tag) while typing

Tag Input

Let the user add multiple tags in a single input

Autosize Input / Textarea

Star Rating

Drag and Drop

Sortable List

Let the user define an order on a list

Rich Text Editor

Markdown Editor

Image Editing

Image manipulation

Form Component Collections

Miscellaneous

Syntax Highlight

UI Layout

Components to layout the app's UI

UI Animation

Animate transitions

Parallax

UI Frameworks

Responsive

Set of components + responsive layout system

Material Design

Carbon

Bootstrap

Mobile

Component Collections

UI Utilities

Reporter

Report computed styles

Visibility Reporter

Report when a component becomes visible/hidden

Measurement Reporter

Determine and report measurements of an element

Device Input

Turn user input into actions

Keyboard Events

Scroll Events

Touch Swipe

Mouse Events

Meta Tags

Set meta tags, <title>, children of

Portal

Render an element at an arbitrary DOM node

Test User Behavior

A/B tests, experiments, ...

Code Design

Libraries that help with code design

Data Store

Data flow / data management / data stores / components state / data flow

Form Logic

Router

Summary
                  SSR History API Hash Mode Memory Mode (no URL update) Query Parsing ?x=42&s=a,b,c Page Leave Guards Navigation Hooks Nested Routes Custom User Data CSS Transitions Routes Lazy load Default Fallbacks Forced Redirects Several routers
EmilTholin/svelte-routing
sveltech/routify
ItalyPaleAle/svelte-spa-router
AlexxNB/tinro
jorgegorka/svelte-router
pateketrueke/yrv
easyroute-router/svelte-easyroute
mefechoel/svelte-navigator
PaulMaly/svelte-pathfinder
bluwy/svelte-router
routve/routve
dievardump/yasp-router

Props from server

Component properties asynchronously fetched over the network

Communication with server

CSS / Style

HTML Template

Isomorphic Apps

Boilerplate

Scaffold / starter kit / Yeoman generator / stack ensemble / seed

Miscellaneous

Utilities

i18n

Internationalization / L10n / localization / translation

Framework bindings / integrations

Integrations with Third Party Services

Performance

UI

Inspect

Lazy Load

App Size

Server-Side Rendering

State Management

Dev Tools

Test

Inspect

Miscellaneous

Miscellaneous

Static Website Generator

Cloud Solutions

Databases