awesome-svelte

Awesome Svelte

Awesome Svelte: Useful resources for developing Svelte applications

⭐   the project to show your appreciation. :arrow_upper_right:

— 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

Menus / sidebars

Sticky

Fixed headers / scroll-up headers / sticky elements

Tabs

Tabs Component - Tabs Component example.

Loader

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

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

AgnosticUI

  • agnosticui — Accessible Svelte Component Primitives (that also work with React, Vue 3, and Angular).

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, , children of <head></em></p> <h3 id="portal">Portal</h3> <p><em>Render an element at an arbitrary DOM node</em></p> <h3 id="test-user-behavior">Test User Behavior</h3> <p><em>A/B tests, experiments, ...</em></p> <h2 id="code-design">Code Design</h2> <p><em>Libraries that help with code design</em></p> <h3 id="data-store">Data Store</h3> <p><em>Data flow / data management / data stores / components state / data flow</em></p> <h3 id="form-logic">Form Logic</h3> <ul> <li><a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/mdauner/sveltejs-forms" title="svelte theme"><a rel="nofollow noreferrer noopener external" href="https://img.shields.io/github/stars/mdauner/sveltejs-forms?label=⭐&logo=_&style=social" target="_blank"><img src=https://img.shields.io/github/stars/mdauner/sveltejs-forms?label=⭐&logo=_&style=social title="" loading="lazy" /></a></a> <a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/mdauner/sveltejs-forms" title="svelte theme">mdauner/sveltejs-forms</a> — Declarative forms for Svelte.</li> <li><a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/noahsalvi/svelte-use-form" title="svelte theme"><a rel="nofollow noreferrer noopener external" href="https://img.shields.io/github/stars/noahsalvi/svelte-use-form?label=⭐&logo=_&style=social" target="_blank"><img src=https://img.shields.io/github/stars/noahsalvi/svelte-use-form?label=⭐&logo=_&style=social title="" loading="lazy" /></a></a> <a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/noahsalvi/svelte-use-form" title="svelte theme">noahsalvi/svelte-use-form</a> — Control and validate forms and their inputs.</li> </ul> <h3 id="router">Router</h3> <details> <summary>Summary</summary> <table> <thead> <tr> <th></th> <th align="center">SSR</th> <th align="center">History API</th> <th align="center">Hash Mode</th> <th align="center">Memory Mode (no URL update)</th> <th align="center">Query Parsing ?x=42&s=a,b,c</th> <th align="center">Page Leave Guards</th> <th align="center">Navigation Hooks</th> <th align="center">Nested Routes</th> <th align="center">Custom User Data</th> <th align="center">CSS Transitions</th> <th align="center">Routes Lazy load</th> <th align="center">Default Fallbacks</th> <th align="center">Forced Redirects</th> <th align="center">Several routers</th> </tr> </thead> <tbody><tr> <td><a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/EmilTholin/svelte-routing" title="svelte theme"><a rel="nofollow noreferrer noopener external" href="https://img.shields.io/github/stars/EmilTholin/svelte-routing?label=EmilTholin/svelte-routing%20⭐&logo=_&style=social" target="_blank"><img src=https://img.shields.io/github/stars/EmilTholin/svelte-routing?label=EmilTholin/svelte-routing%20⭐&logo=_&style=social title="EmilTholin/svelte-routing" loading="lazy" /></a></a></td> <td align="center">:white_check_mark:</td> <td align="center">:white_check_mark:</td> <td align="center">:x:</td> <td align="center">:x:</td> <td align="center">:x:</td> <td align="center">:x:</td> <td align="center">:x:</td> <td align="center">:white_check_mark:</td> <td align="center">:white_check_mark:</td> <td align="center">:x:</td> <td align="center">:x:</td> <td align="center">:x:</td> <td align="center">:x:</td> <td align="center">:white_check_mark:</td> </tr> <tr> <td><a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/sveltech/routify" title="svelte theme"><a rel="nofollow noreferrer noopener external" href="https://img.shields.io/github/stars/sveltech/routify?label=sveltech/routify%20⭐&logo=_&style=social" target="_blank"><img src=https://img.shields.io/github/stars/sveltech/routify?label=sveltech/routify%20⭐&logo=_&style=social title="sveltech/routify" loading="lazy" /></a></a></td> <td align="center">:white_check_mark:</td> <td align="center">:white_check_mark:</td> <td align="center">:x:</td> <td align="center">:x:</td> <td align="center">:x:</td> <td align="center">:white_check_mark:</td> <td align="center">:white_check_mark:</td> <td align="center">:white_check_mark:</td> <td align="center">:white_check_mark:</td> <td align="center">:white_check_mark:</td> <td align="center">:white_check_mark:</td> <td align="center">:x:</td> <td align="center">:white_check_mark:</td> <td align="center">:x:</td> </tr> <tr> <td><a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/ItalyPaleAle/svelte-spa-router" title="svelte theme"><a rel="nofollow noreferrer noopener external" href="https://img.shields.io/github/stars/ItalyPaleAle/svelte-spa-router?label=ItalyPaleAle/svelte-spa-router%20⭐&logo=_&style=social" target="_blank"><img src=https://img.shields.io/github/stars/ItalyPaleAle/svelte-spa-router?label=ItalyPaleAle/svelte-spa-router%20⭐&logo=_&style=social title="ItalyPaleAle/svelte-spa-router" loading="lazy" /></a></a></td> <td align="center">:x:</td> <td align="center">:x:</td> <td align="center">:white_check_mark:</td> <td align="center">:x:</td> <td align="center">:white_check_mark:</td> <td align="center">:x:</td> <td align="center">:x:</td> <td align="center">:white_check_mark:</td> <td align="center">:white_check_mark:</td> <td align="center">:white_check_mark:</td> <td align="center">:white_check_mark:</td> <td align="center">:white_check_mark:</td> <td align="center">:x:</td> <td align="center">:x:</td> </tr> <tr> <td><a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/AlexxNB/tinro" title="svelte theme"><a rel="nofollow noreferrer noopener external" href="https://img.shields.io/github/stars/AlexxNB/tinro?label=AlexxNB/tinro%20⭐&logo=_&style=social" target="_blank"><img src=https://img.shields.io/github/stars/AlexxNB/tinro?label=AlexxNB/tinro%20⭐&logo=_&style=social title="AlexxNB/tinro" loading="lazy" /></a></a></td> <td align="center">:x:</td> <td align="center">:white_check_mark:</td> <td align="center">:white_check_mark:</td> <td align="center">:x:</td> <td align="center">:white_check_mark:</td> <td align="center">:x:</td> <td align="center">:white_check_mark:</td> <td align="center">:white_check_mark:</td> <td align="center">:x:</td> <td align="center">:white_check_mark:</td> <td align="center">:white_check_mark:</td> <td align="center">:white_check_mark:</td> <td align="center">:white_check_mark:</td> <td align="center">:white_check_mark:</td> </tr> <tr> <td><a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/jorgegorka/svelte-router" title="svelte theme"><a rel="nofollow noreferrer noopener external" href="https://img.shields.io/github/stars/jorgegorka/svelte-router?label=jorgegorka/svelte-router%20⭐&logo=_&style=social" target="_blank"><img src=https://img.shields.io/github/stars/jorgegorka/svelte-router?label=jorgegorka/svelte-router%20⭐&logo=_&style=social title="jorgegorka/svelte-router" loading="lazy" /></a></a></td> <td align="center">:x:</td> <td align="center">:white_check_mark:</td> <td align="center">:x:</td> <td align="center">:x:</td> <td align="center">:x:</td> <td align="center">:x:</td> <td align="center">:x:</td> <td align="center">:white_check_mark:</td> <td align="center">:x:</td> <td align="center">:x:</td> <td align="center">:x:</td> <td align="center">:white_check_mark:</td> <td align="center">:white_check_mark:</td> <td align="center">:x:</td> </tr> <tr> <td><a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/pateketrueke/yrv" title="svelte theme"><a rel="nofollow noreferrer noopener external" href="https://img.shields.io/github/stars/pateketrueke/yrv?label=pateketrueke/yrv%20⭐&logo=_&style=social" target="_blank"><img src=https://img.shields.io/github/stars/pateketrueke/yrv?label=pateketrueke/yrv%20⭐&logo=_&style=social title="pateketrueke/yrv" loading="lazy" /></a></a></td> <td align="center">:x:</td> <td align="center">:white_check_mark:</td> <td align="center">:white_check_mark:</td> <td align="center">:x:</td> <td align="center">:white_check_mark:</td> <td align="center">:x:</td> <td align="center">:white_check_mark:</td> <td align="center">:x:</td> <td align="center">:x:</td> <td align="center">:x:</td> <td align="center">:white_check_mark:</td> <td align="center">:white_check_mark:</td> <td align="center">:x:</td> <td align="center">:x:</td> </tr> <tr> <td><a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/easyroute-router/svelte-easyroute" title="svelte theme"><a rel="nofollow noreferrer noopener external" href="https://img.shields.io/github/stars/easyroute-router/svelte-easyroute?label=easyroute-router/svelte-easyroute%20⭐&logo=_&style=social" target="_blank"><img src=https://img.shields.io/github/stars/easyroute-router/svelte-easyroute?label=easyroute-router/svelte-easyroute%20⭐&logo=_&style=social title="easyroute-router/svelte-easyroute" loading="lazy" /></a></a></td> <td align="center">:white_check_mark:</td> <td align="center">:white_check_mark:</td> <td align="center">:white_check_mark:</td> <td align="center">:white_check_mark:</td> <td align="center">:white_check_mark:</td> <td align="center">:white_check_mark:</td> <td align="center">:white_check_mark:</td> <td align="center">:white_check_mark:</td> <td align="center">:white_check_mark:</td> <td align="center">:white_check_mark:</td> <td align="center">:white_check_mark:</td> <td align="center">:white_check_mark:</td> <td align="center">:x:</td> <td align="center">:white_check_mark:</td> </tr> <tr> <td><a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/mefechoel/svelte-navigator" title="svelte theme"><a rel="nofollow noreferrer noopener external" href="https://img.shields.io/github/stars/mefechoel/svelte-navigator?label=mefechoel/svelte-navigator%20⭐&logo=_&style=social" target="_blank"><img src=https://img.shields.io/github/stars/mefechoel/svelte-navigator?label=mefechoel/svelte-navigator%20⭐&logo=_&style=social title="mefechoel/svelte-navigator" loading="lazy" /></a></a></td> <td align="center">:white_check_mark:</td> <td align="center">:white_check_mark:</td> <td align="center">:white_check_mark:</td> <td align="center">:white_check_mark:</td> <td align="center">:x:</td> <td align="center">:x:</td> <td align="center">:white_check_mark:</td> <td align="center">:white_check_mark:</td> <td align="center">:white_check_mark:</td> <td align="center">:x:</td> <td align="center">:white_check_mark:</td> <td align="center">:x:</td> <td align="center">:x:</td> <td align="center">:x:</td> </tr> <tr> <td><a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/PaulMaly/svelte-pathfinder" title="svelte theme"><a rel="nofollow noreferrer noopener external" href="https://img.shields.io/github/stars/PaulMaly/svelte-pathfinder?label=PaulMaly/svelte-pathfinder%20⭐&logo=_&style=social" target="_blank"><img src=https://img.shields.io/github/stars/PaulMaly/svelte-pathfinder?label=PaulMaly/svelte-pathfinder%20⭐&logo=_&style=social title="PaulMaly/svelte-pathfinder" loading="lazy" /></a></a></td> <td align="center">:x:</td> <td align="center">:white_check_mark:</td> <td align="center">:x:</td> <td align="center">:white_check_mark:</td> <td align="center">:x:</td> <td align="center">:x:</td> <td align="center">:x:</td> <td align="center">:x:</td> <td align="center">:white_check_mark:</td> <td align="center">:x:</td> <td align="center">:x:</td> <td align="center">:x:</td> <td align="center">:white_check_mark:</td> <td align="center">:x:</td> </tr> <tr> <td><a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/bluwy/svelte-router" title="svelte theme"><a rel="nofollow noreferrer noopener external" href="https://img.shields.io/github/stars/bluwy/svelte-router?label=bluwy/svelte-router%20⭐&logo=_&style=social" target="_blank"><img src=https://img.shields.io/github/stars/bluwy/svelte-router?label=bluwy/svelte-router%20⭐&logo=_&style=social title="bluwy/svelte-router" loading="lazy" /></a></a></td> <td align="center">:x:</td> <td align="center">:white_check_mark:</td> <td align="center">:white_check_mark:</td> <td align="center">:x:</td> <td align="center">:x:</td> <td align="center">:white_check_mark:</td> <td align="center">:x:</td> <td align="center">:white_check_mark:</td> <td align="center">:x:</td> <td align="center">:x:</td> <td align="center">:white_check_mark:</td> <td align="center">:x:</td> <td align="center">:x:</td> <td align="center">:x:</td> </tr> <tr> <td><a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/routve/routve" title="svelte theme"><a rel="nofollow noreferrer noopener external" href="https://img.shields.io/github/stars/routve/routve?label=routve/routve%20⭐&logo=_&style=social" target="_blank"><img src=https://img.shields.io/github/stars/routve/routve?label=routve/routve%20⭐&logo=_&style=social title="routve/routve" loading="lazy" /></a></a></td> <td align="center">:x:</td> <td align="center">:white_check_mark:</td> <td align="center">:white_check_mark:</td> <td align="center">:x:</td> <td align="center">:white_check_mark:</td> <td align="center">:white_check_mark:</td> <td align="center">:white_check_mark:</td> <td align="center">:white_check_mark:</td> <td align="center">:white_check_mark:</td> <td align="center">:x:</td> <td align="center">:white_check_mark:</td> <td align="center">:white_check_mark:</td> <td align="center">:x:</td> <td align="center">:x:</td> </tr> <tr> <td><a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/dievardump/yasp-router" title="svelte theme"><a rel="nofollow noreferrer noopener external" href="https://img.shields.io/github/stars/dievardump/yasp-router?label=dievardump/yasp-router%20⭐&logo=_&style=social" target="_blank"><img src=https://img.shields.io/github/stars/dievardump/yasp-router?label=dievardump/yasp-router%20⭐&logo=_&style=social title="dievardump/yasp-router" loading="lazy" /></a></a></td> <td align="center">:x:</td> <td align="center">:white_check_mark:</td> <td align="center">:white_check_mark:</td> <td align="center">:x:</td> <td align="center">:x:</td> <td align="center">:x:</td> <td align="center">:x:</td> <td align="center">:white_check_mark:</td> <td align="center">:x:</td> <td align="center">:x:</td> <td align="center">:white_check_mark:</td> <td align="center">:white_check_mark:</td> <td align="center">:x:</td> <td align="center">:white_check_mark:</td> </tr> <tr> <td><a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/shaunlee/svelterouter" title="svelte theme"><a rel="nofollow noreferrer noopener external" href="https://img.shields.io/github/stars/shaunlee/svelterouter?label=shaunlee/svelterouter%20⭐&logo=_&style=social" target="_blank"><img src=https://img.shields.io/github/stars/shaunlee/svelterouter?label=shaunlee/svelterouter%20⭐&logo=_&style=social title="shaunlee/svelterouter" loading="lazy" /></a></a></td> <td align="center">:x:</td> <td align="center">:white_check_mark:</td> <td align="center">:white_check_mark:</td> <td align="center">:x:</td> <td align="center">:white_check_mark:</td> <td align="center">:x:</td> <td align="center">:x:</td> <td align="center">:x:</td> <td align="center">:x:</td> <td align="center">:x:</td> <td align="center">:x:</td> <td align="center">:x:</td> <td align="center">:white_check_mark:</td> <td align="center">:x:</td> </tr> </tbody></table> </details> <ul> <li><a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/EmilTholin/svelte-routing" title="svelte theme"><a rel="nofollow noreferrer noopener external" href="https://img.shields.io/github/stars/EmilTholin/svelte-routing?label=⭐&logo=_&style=social" target="_blank"><img src=https://img.shields.io/github/stars/EmilTholin/svelte-routing?label=⭐&logo=_&style=social title="" loading="lazy" /></a></a> <a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/EmilTholin/svelte-routing" title="svelte theme">EmilTholin/svelte-routing</a> — A declarative Svelte routing library with SSR support.</li> <li><a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/sveltech/routify" title="svelte theme"><a rel="nofollow noreferrer noopener external" href="https://img.shields.io/github/stars/sveltech/routify?label=⭐&logo=_&style=social" target="_blank"><img src=https://img.shields.io/github/stars/sveltech/routify?label=⭐&logo=_&style=social title="" loading="lazy" /></a></a> <a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/sveltech/routify" title="svelte theme">sveltech/routify</a> — Automated Svelte routes</li> <li><a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/ItalyPaleAle/svelte-spa-router" title="svelte theme"><a rel="nofollow noreferrer noopener external" href="https://img.shields.io/github/stars/ItalyPaleAle/svelte-spa-router?label=⭐&logo=_&style=social" target="_blank"><img src=https://img.shields.io/github/stars/ItalyPaleAle/svelte-spa-router?label=⭐&logo=_&style=social title="" loading="lazy" /></a></a> <a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/ItalyPaleAle/svelte-spa-router" title="svelte theme">ItalyPaleAle/svelte-spa-router</a> — Router for SPAs using Svelte 3</li> <li><a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/AlexxNB/tinro" title="svelte theme"><a rel="nofollow noreferrer noopener external" href="https://img.shields.io/github/stars/AlexxNB/tinro?label=⭐&logo=_&style=social" target="_blank"><img src=https://img.shields.io/github/stars/AlexxNB/tinro?label=⭐&logo=_&style=social title="" loading="lazy" /></a></a> <a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/AlexxNB/tinro" title="svelte theme">AlexxNB/tinro</a> — Highly declarative, very tiny, dependency free router for Svelte's web applications.</li> <li><a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/jorgegorka/svelte-router" title="svelte theme"><a rel="nofollow noreferrer noopener external" href="https://img.shields.io/github/stars/jorgegorka/svelte-router?label=⭐&logo=_&style=social" target="_blank"><img src=https://img.shields.io/github/stars/jorgegorka/svelte-router?label=⭐&logo=_&style=social title="" loading="lazy" /></a></a> <a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/jorgegorka/svelte-router" title="svelte theme">jorgegorka/svelte-router</a> — Includes localisation, guards and nested layouts.</li> <li><a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/pateketrueke/yrv" title="svelte theme"><a rel="nofollow noreferrer noopener external" href="https://img.shields.io/github/stars/pateketrueke/yrv?label=⭐&logo=_&style=social" target="_blank"><img src=https://img.shields.io/github/stars/pateketrueke/yrv?label=⭐&logo=_&style=social title="" loading="lazy" /></a></a> <a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/pateketrueke/yrv" title="svelte theme">pateketrueke/yrv</a> — Built on top of <a target="_blank" rel="nofollow noreferrer noopener external" href="https://www.npmjs.com/package/abstract-nested-router" title="svelte theme">abstract-nested-router</a></li> <li><a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/easyroute-router/svelte-easyroute" title="svelte theme"><a rel="nofollow noreferrer noopener external" href="https://img.shields.io/github/stars/easyroute-router/svelte-easyroute?label=⭐&logo=_&style=social" target="_blank"><img src=https://img.shields.io/github/stars/easyroute-router/svelte-easyroute?label=⭐&logo=_&style=social title="" loading="lazy" /></a></a> <a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/easyroute-router/svelte-easyroute" title="svelte theme">easyroute-router/svelte-easyroute</a> — Like Vue Router. Supports history and hash mode, navigation guards, base path.</li> <li><a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/mefechoel/svelte-navigator" title="svelte theme"><a rel="nofollow noreferrer noopener external" href="https://img.shields.io/github/stars/mefechoel/svelte-navigator?label=⭐&logo=_&style=social" target="_blank"><img src=https://img.shields.io/github/stars/mefechoel/svelte-navigator?label=⭐&logo=_&style=social title="" loading="lazy" /></a></a> <a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/mefechoel/svelte-navigator" title="svelte theme">mefechoel/svelte-navigator</a> — Simple, accessible routing for Svelte.</li> <li><a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/PaulMaly/svelte-pathfinder" title="svelte theme"><a rel="nofollow noreferrer noopener external" href="https://img.shields.io/github/stars/PaulMaly/svelte-pathfinder?label=⭐&logo=_&style=social" target="_blank"><img src=https://img.shields.io/github/stars/PaulMaly/svelte-pathfinder?label=⭐&logo=_&style=social title="" loading="lazy" /></a></a> <a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/PaulMaly/svelte-pathfinder" title="svelte theme">PaulMaly/svelte-pathfinder</a> — State-based router for Svelte 3.</li> <li><a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/bluwy/svelte-router" title="svelte theme"><a rel="nofollow noreferrer noopener external" href="https://img.shields.io/github/stars/bluwy/svelte-router?label=⭐&logo=_&style=social" target="_blank"><img src=https://img.shields.io/github/stars/bluwy/svelte-router?label=⭐&logo=_&style=social title="" loading="lazy" /></a></a> <a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/bluwy/svelte-router" title="svelte theme">bluwy/svelte-router</a> — An easy-to-use SPA router for Svelte.</li> <li><a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/routve/routve" title="svelte theme"><a rel="nofollow noreferrer noopener external" href="https://img.shields.io/github/stars/routve/routve?label=⭐&logo=_&style=social" target="_blank"><img src=https://img.shields.io/github/stars/routve/routve?label=⭐&logo=_&style=social title="" loading="lazy" /></a></a> <a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/routve/routve" title="svelte theme">routve/routve</a> — Routve is an advanced Svelte 3 router.</li> <li><a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/dievardump/yasp-router" title="svelte theme"><a rel="nofollow noreferrer noopener external" href="https://img.shields.io/github/stars/dievardump/yasp-router?label=⭐&logo=_&style=social" target="_blank"><img src=https://img.shields.io/github/stars/dievardump/yasp-router?label=⭐&logo=_&style=social title="" loading="lazy" /></a></a> <a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/dievardump/yasp-router" title="svelte theme">dievardump/yasp-router</a> — Router for Svelte 3.</li> <li><a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/shaunlee/svelterouter" title="svelte theme"><a rel="nofollow noreferrer noopener external" href="https://img.shields.io/github/stars/shaunlee/svelterouter?label=⭐&logo=_&style=social" target="_blank"><img src=https://img.shields.io/github/stars/shaunlee/svelterouter?label=⭐&logo=_&style=social title="" loading="lazy" /></a></a> <a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/shaunlee/svelterouter" title="svelte theme">shaunlee/svelterouter</a> — Another vue-router inspired Svelte router.</li> </ul> <h3 id="props-from-server">Props from server</h3> <p><em>Component properties asynchronously fetched over the network</em></p> <h3 id="communication-with-server">Communication with server</h3> <ul> <li><a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/SvelteStack/svelte-query" title="svelte theme"><a rel="nofollow noreferrer noopener external" href="https://img.shields.io/github/stars/SvelteStack/svelte-query?label=⭐&logo=_&style=social" target="_blank"><img src=https://img.shields.io/github/stars/SvelteStack/svelte-query?label=⭐&logo=_&style=social title="" loading="lazy" /></a></a> <a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/SvelteStack/svelte-query" title="svelte theme">SvelteStack/svelte-query</a> — Performant and powerful remote data synchronization.</li> </ul> <h3 id="css--style">CSS / Style</h3> <ul> <li><a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/josefaidt/svelte-themer" title="svelte theme"><a rel="nofollow noreferrer noopener external" href="https://img.shields.io/github/stars/josefaidt/svelte-themer?label=⭐&logo=_&style=social" target="_blank"><img src=https://img.shields.io/github/stars/josefaidt/svelte-themer?label=⭐&logo=_&style=social title="" loading="lazy" /></a></a> <a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/josefaidt/svelte-themer" title="svelte theme">josefaidt/svelte-themer</a> — A theming engine for your Svelte apps using CSS.</li> </ul> <h3 id="html-template">HTML Template</h3> <ul> <li><a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/l-portet/svelte-switch-case" title="svelte theme"><a rel="nofollow noreferrer noopener external" href="https://img.shields.io/github/stars/l-portet/svelte-switch-case?label=⭐&logo=_&style=social" target="_blank"><img src=https://img.shields.io/github/stars/l-portet/svelte-switch-case?label=⭐&logo=_&style=social title="" loading="lazy" /></a></a> <a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/l-portet/svelte-switch-case" title="svelte theme">l-portet/svelte-switch-case</a> — Switch case syntax for Svelte.</li> </ul> <h3 id="isomorphic-apps">Isomorphic Apps</h3> <h3 id="boilerplate">Boilerplate</h3> <p><em>Scaffold / starter kit / Yeoman generator / stack ensemble / seed</em></p> <ul> <li><a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/YogliB/svelte-component-template" title="svelte theme"><a rel="nofollow noreferrer noopener external" href="https://img.shields.io/github/stars/YogliB/svelte-component-template?label=⭐&logo=_&style=social" target="_blank"><img src=https://img.shields.io/github/stars/YogliB/svelte-component-template?label=⭐&logo=_&style=social title="" loading="lazy" /></a></a> <a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/YogliB/svelte-component-template" title="svelte theme">YogliB/svelte-component-template</a> — A base for building shareable components.</li> </ul> <h3 id="miscellaneous-2">Miscellaneous</h3> <h2 id="utilities">Utilities</h2> <h3 id="i18n">i18n</h3> <p><em>Internationalization / L10n / localization / translation</em></p> <h3 id="framework-bindings--integrations">Framework bindings / integrations</h3> <h3 id="integrations-with-third-party-services">Integrations with Third Party Services</h3> <h2 id="performance">Performance</h2> <h3 id="ui">UI</h3> <h4 id="inspect">Inspect</h4> <h4 id="lazy-load">Lazy Load</h4> <h3 id="app-size">App Size</h3> <ul> <li><a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/halfnelson/svelte-it-will-scale" title="svelte theme"><a rel="nofollow noreferrer noopener external" href="https://img.shields.io/github/stars/halfnelson/svelte-it-will-scale?label=⭐&logo=_&style=social" target="_blank"><img src=https://img.shields.io/github/stars/halfnelson/svelte-it-will-scale?label=⭐&logo=_&style=social title="" loading="lazy" /></a></a> <a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/halfnelson/svelte-it-will-scale" title="svelte theme">halfnelson/svelte-it-will-scale</a> — Generate a chart showing svelte's overhead.</li> <li><a target="_blank" rel="nofollow noreferrer noopener external" href="https://svelte-scaling.acmion.com/" title="svelte theme">Does Svelte Scale?</a></li> <li><a target="_blank" rel="nofollow noreferrer noopener external" href="https://medium.com/javascript-in-plain-english/javascript-frameworks-performance-comparison-2020-cd881ac21fce" title="svelte theme">JavaScript Frameworks, Performance Comparison 2020</a></li> </ul> <h3 id="server-side-rendering">Server-Side Rendering</h3> <h2 id="state-management">State Management</h2> <ul> <li><a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/dmaevsky/tinyx" title="svelte theme"><a rel="nofollow noreferrer noopener external" href="https://img.shields.io/github/stars/dmaevsky/tinyx?label=⭐&logo=_&style=social" target="_blank"><img src=https://img.shields.io/github/stars/dmaevsky/tinyx?label=⭐&logo=_&style=social title="" loading="lazy" /></a></a> <a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/dmaevsky/tinyx" title="svelte theme">dmaevsky/tinyx</a> — A tiny state manager for big applications.</li> </ul> <h2 id="dev-tools">Dev Tools</h2> <h3 id="test">Test</h3> <ul> <li><a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/vidigas/svelte-feature-flag" title="svelte theme"><a rel="nofollow noreferrer noopener external" href="https://img.shields.io/github/stars/vidigas/svelte-feature-flag?label=⭐&logo=_&style=social" target="_blank"><img src=https://img.shields.io/github/stars/vidigas/svelte-feature-flag?label=⭐&logo=_&style=social title="" loading="lazy" /></a></a> <a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/vidigas/svelte-feature-flag" title="svelte theme">vidigas/svelte-feature-flag</a> — Feature flags (toggle) module.</li> </ul> <h3 id="inspect-1">Inspect</h3> <ul> <li><a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/RedHatter/svelte-devtools" title="svelte theme"><a rel="nofollow noreferrer noopener external" href="https://img.shields.io/github/stars/RedHatter/svelte-devtools?label=⭐&logo=_&style=social" target="_blank"><img src=https://img.shields.io/github/stars/RedHatter/svelte-devtools?label=⭐&logo=_&style=social title="" loading="lazy" /></a></a> <a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/RedHatter/svelte-devtools" title="svelte theme">RedHatter/svelte-devtools</a> — Inspect the state and component hierarchies in the Developer Tools.</li> <li><a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/qutran/svelte-inspector" title="svelte theme"><a rel="nofollow noreferrer noopener external" href="https://img.shields.io/github/stars/qutran/svelte-inspector?label=⭐&logo=_&style=social" target="_blank"><img src=https://img.shields.io/github/stars/qutran/svelte-inspector?label=⭐&logo=_&style=social title="" loading="lazy" /></a></a> <a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/qutran/svelte-inspector" title="svelte theme">qutran/svelte-inspector</a> — Development helper for inspecting and opening svelte components in your editor.</li> <li><a target="_blank" rel="nofollow noreferrer noopener external" href="https://addons.mozilla.org/en-US/firefox/addon/svelte-reactive-debugger" title="svelte theme">svelte-reactive-debugger</a> — Svelte Reactive Debugger.</li> </ul> <h3 id="miscellaneous-3">Miscellaneous</h3> <ul> <li><a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/sveltejs/prettier-plugin-svelte" title="svelte theme"><a rel="nofollow noreferrer noopener external" href="https://img.shields.io/github/stars/sveltejs/prettier-plugin-svelte?label=⭐&logo=_&style=social" target="_blank"><img src=https://img.shields.io/github/stars/sveltejs/prettier-plugin-svelte?label=⭐&logo=_&style=social title="" loading="lazy" /></a></a> <a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/sveltejs/prettier-plugin-svelte" title="svelte theme">sveltejs/prettier-plugin-svelte</a> — Format your svelte components using prettier.</li> <li><a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/Rich-Harris/react-svelte" title="svelte theme"><a rel="nofollow noreferrer noopener external" href="https://img.shields.io/github/stars/Rich-Harris/react-svelte?label=⭐&logo=_&style=social" target="_blank"><img src=https://img.shields.io/github/stars/Rich-Harris/react-svelte?label=⭐&logo=_&style=social title="" loading="lazy" /></a></a> <a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/Rich-Harris/react-svelte" title="svelte theme">Rich-Harris/react-svelte</a> — Use Svelte components inside a React app.</li> <li><a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/pngwn/svelte-adapter" title="svelte theme"><a rel="nofollow noreferrer noopener external" href="https://img.shields.io/github/stars/pngwn/svelte-adapter?label=⭐&logo=_&style=social" target="_blank"><img src=https://img.shields.io/github/stars/pngwn/svelte-adapter?label=⭐&logo=_&style=social title="" loading="lazy" /></a></a> <a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/pngwn/svelte-adapter" title="svelte theme">pngwn/svelte-adapter</a> — Use Svelte components within Vue and React applications.</li> <li><a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/AlexxNB/svelte-docs" title="svelte theme"><a rel="nofollow noreferrer noopener external" href="https://img.shields.io/github/stars/AlexxNB/svelte-docs?label=⭐&logo=_&style=social" target="_blank"><img src=https://img.shields.io/github/stars/AlexxNB/svelte-docs?label=⭐&logo=_&style=social title="" loading="lazy" /></a></a> <a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/AlexxNB/svelte-docs" title="svelte theme">AlexxNB/svelte-docs</a> — Write documentation for your Svelte components.</li> <li><a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/jesseskinner/svelte-react" title="svelte theme"><a rel="nofollow noreferrer noopener external" href="https://img.shields.io/github/stars/jesseskinner/svelte-react?label=⭐&logo=_&style=social" target="_blank"><img src=https://img.shields.io/github/stars/jesseskinner/svelte-react?label=⭐&logo=_&style=social title="" loading="lazy" /></a></a> <a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/jesseskinner/svelte-react" title="svelte theme">jesseskinner/svelte-react</a> — Use React components inside Svelte apps.</li> <li><a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/KoRnFactory/svelte-injector" title="svelte theme"><a rel="nofollow noreferrer noopener external" href="https://img.shields.io/github/stars/KoRnFactory/svelte-injector?label=⭐&logo=_&style=social" target="_blank"><img src=https://img.shields.io/github/stars/KoRnFactory/svelte-injector?label=⭐&logo=_&style=social title="" loading="lazy" /></a></a> <a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/KoRnFactory/svelte-injector" title="svelte theme">KoRnFactory/svelte-injector</a> — Use Svelte components inside other frameworks.</li> </ul> <h2 id="miscellaneous-4">Miscellaneous</h2> <ul> <li><a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/DeMoorJasper/parcel-plugin-svelte" title="svelte theme"><a rel="nofollow noreferrer noopener external" href="https://img.shields.io/github/stars/DeMoorJasper/parcel-plugin-svelte?label=⭐&logo=_&style=social" target="_blank"><img src=https://img.shields.io/github/stars/DeMoorJasper/parcel-plugin-svelte?label=⭐&logo=_&style=social title="" loading="lazy" /></a></a> <a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/DeMoorJasper/parcel-plugin-svelte" title="svelte theme">DeMoorJasper/parcel-plugin-svelte</a> — A parcel plugin with svelte support.</li> <li><a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/dominikg/svite" title="svelte theme"><a rel="nofollow noreferrer noopener external" href="https://img.shields.io/github/stars/dominikg/svite?label=⭐&logo=_&style=social" target="_blank"><img src=https://img.shields.io/github/stars/dominikg/svite?label=⭐&logo=_&style=social title="" loading="lazy" /></a></a> <a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/dominikg/svite" title="svelte theme">dominikg/svite</a> — Svelte Integration for vite.</li> </ul> <h3 id="static-website-generator">Static Website Generator</h3> <ul> <li><a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/YeungKC/Hakuba" title="svelte theme"><a rel="nofollow noreferrer noopener external" href="https://img.shields.io/github/stars/YeungKC/Hakuba?label=⭐&logo=_&style=social" target="_blank"><img src=https://img.shields.io/github/stars/YeungKC/Hakuba?label=⭐&logo=_&style=social title="" loading="lazy" /></a></a> <a target="_blank" rel="nofollow noreferrer noopener external" href="https://github.com/YeungKC/Hakuba" title="svelte theme">Hakuba</a> - A fast blog starter driven by Github discussions for all data.</li> </ul> <h2 id="cloud-solutions">Cloud Solutions</h2> <h3 id="databases">Databases</h3> <!-- HTML_TAG_END --></div> <div><h2 class="text-xl font-bold">Top categories</h2> <div class="categories grid grid-cols-1 md:grid-cols-3 gap-1 lg:grid-cols-4 mt-3"><a data-sveltekit-prefetch class="relative grid place-items-center bg-red-400 hover:bg-red-600 text-white p-4" href="/category/tailwind">tailwind </a><a data-sveltekit-prefetch class="relative grid place-items-center bg-red-400 hover:bg-red-600 text-white p-4" href="/category/daisyui">daisyui </a><a data-sveltekit-prefetch class="relative grid place-items-center bg-red-400 hover:bg-red-600 text-white p-4" href="/category/admin template">admin template </a><a data-sveltekit-prefetch class="relative grid place-items-center bg-red-400 hover:bg-red-600 text-white p-4" href="/category/popup">popup </a><a data-sveltekit-prefetch class="relative grid place-items-center bg-red-400 hover:bg-red-600 text-white p-4" href="/category/mdsvex">mdsvex </a><a data-sveltekit-prefetch class="relative grid place-items-center bg-red-400 hover:bg-red-600 text-white p-4" href="/category/portfolio">portfolio </a><a data-sveltekit-prefetch class="relative grid place-items-center bg-red-400 hover:bg-red-600 text-white p-4" href="/category/blog">blog </a><a data-sveltekit-prefetch class="relative grid place-items-center bg-red-400 hover:bg-red-600 text-white p-4" href="/category/form">form </a><a data-sveltekit-prefetch class="relative grid place-items-center bg-red-400 hover:bg-red-600 text-white p-4" href="/category/ecommerce">ecommerce </a><a data-sveltekit-prefetch class="relative grid place-items-center bg-red-400 hover:bg-red-600 text-white p-4" href="/category/ui">ui </a><a data-sveltekit-prefetch class="relative grid place-items-center bg-red-400 hover:bg-red-600 text-white p-4" href="/category/carousel">carousel </a><a data-sveltekit-prefetch class="relative grid place-items-center bg-red-400 hover:bg-red-600 text-white p-4" href="/category/auth">auth </a><a data-sveltekit-prefetch class="relative grid place-items-center bg-red-400 hover:bg-red-600 text-white p-4" href="/category/dark">dark </a><a data-sveltekit-prefetch class="relative grid place-items-center bg-red-400 hover:bg-red-600 text-white p-4" href="/category/seo">seo </a><a data-sveltekit-prefetch class="relative grid place-items-center bg-red-400 hover:bg-red-600 text-white p-4" href="/category/image">image </a><a data-sveltekit-prefetch class="relative grid place-items-center bg-red-400 hover:bg-red-600 text-white p-4" href="/category/routing">routing </a></div></div> <footer class="border-t border-gray-400 mt-20 py-4"><ul class="md:flex items-center"><li class="mr-3"><a class="underline hover:text-red-500" href="/" title="Home">Home</a> </li><li class="mr-3"><a class="underline hover:text-red-500" href="/themes" title="Themes">Themes</a> </li><li class="mr-3"><a class="underline hover:text-red-500" href="/resources" title="Resources">Resources</a> </li><li class="mr-3"><a class="underline hover:text-red-500" href="https://1.envato.market/4Pe0Br" title="Premium Templates">Premium Templates</a> </li><li class="mr-3"><a class="underline hover:text-red-500" href="/category" title="Categories">Categories</a> </li><li class="mr-3"><a class="underline hover:text-red-500" href="/blog" title="Blog">Blog</a> </li><li class="mr-3"><a data-sveltekit-reload="true" class="underline hover:text-red-500" href="/submit" title="Submit">Submit</a> </li><li class="mr-3"><a data-sveltekit-reload="true" class="underline hover:text-red-500" href="/submit?hire=true" title="Hire">Hire</a> </li><li class="mr-3"><a class="underline hover:text-red-500" href="/sitemap.xml" title="Sitemap">Sitemap</a> </li></ul></footer></div> <div class="loader-animation svelte-dd0kya"><img src="/loader.svg" alt="Loading Svelte Themes"></div> <script type="application/json" data-sveltekit-fetched data-url="/api/rocketlaunchr/awesome-svelte.json" data-ttl="604800">{"status":200,"statusText":"","headers":{},"body":"{\"id\":\"MDEwOlJlcG9zaXRvcnkzMjcxNTIxNzI=\",\"stargazerCount\":298,\"updatedAt\":\"2024-04-16T12:06:23Z\",\"homepageUrl\":\"https://svelte.news\",\"description\":\"Awesome Svelte: Useful resources for developing Svelte applications\",\"descriptionHTML\":\"\u003Cdiv>Awesome Svelte: Useful resources for developing Svelte applications\u003C/div>\",\"forkCount\":15,\"openGraphImageUrl\":\"https://opengraph.githubassets.com/9649ffcfbb392fcf020130f51ae9a104de62c9af5c21cc8d2c9d1780f9ca3c9a/rocketlaunchr/awesome-svelte\",\"url\":\"https://github.com/rocketlaunchr/awesome-svelte\",\"nameWithOwner\":\"rocketlaunchr/awesome-svelte\",\"name\":\"awesome-svelte\",\"readme1\":{\"text\":\"\u003Cp align=\\\"right\\\">\\n ⭐   \u003Cstrong>the project to show your appreciation.\u003C/strong> :arrow_upper_right:\\n\u003C/p>\\n\\n\u003Cdiv align=\\\"center\\\">\\n\\t\u003Cimg src=\\\"assets/header.svg\\\" width=\\\"666\\\" height=\\\"202\\\">\\n\u003C/div>\\n\\n\u003Cdiv align=\\\"center\\\">\\n\\t\u003Ca href=\\\"https://svelte.news/weekly\\\">\\n\\t\\t\u003Cimg src=\\\"https://s3-us-west-2.amazonaws.com/svelte.news/assets/images/weekly/text-logo-orange.png\\\" width=\\\"140px\\\" height=\\\"20px\\\">\\n\\t\\t\u003Cstrong>— A curated newsletter for Svelte enthusiasts.\u003C/strong>\\n\\t\u003C/a> \\n\u003C/div>\\n\\n## Table of Contents\\n\\n- [UI Components](#ui-components)\\n - [Editable data grid / spreadsheet](#editable-data-grid--spreadsheet)\\n - [Table](#table)\\n - [Infinite Scroll](#infinite-scroll)\\n - [Overlay](#overlay)\\n - [Notification](#notification)\\n - [Tooltip](#tooltip)\\n - [Menu](#menu)\\n - [Sticky](#sticky)\\n - [Tabs](#tabs)\\n - [Loader](#loader)\\n - [Carousel](#carousel)\\n - [Buttons](#buttons)\\n - [Collapse](#collapse)\\n - [Chart](#chart)\\n - [Tree](#tree)\\n - [UI Navigation](#ui-navigation)\\n - [Custom Scrollbar](#custom-scrollbar)\\n - [Audio / Video](#audio--video)\\n - [Map](#map)\\n - [Time / Date / Age](#time--date--age)\\n - [Photo / Image](#photo--image)\\n - [Icons](#icons)\\n - [Paginator](#paginator)\\n - [Markdown Viewer](#markdown-viewer)\\n - [Canvas](#canvas)\\n - [Social](#social)\\n - [DOM Manipulation](#dom-manipulation)\\n - [Miscellaneous](#miscellaneous)\\n - [Form Components](#form-components)\\n - [Date / Time picker](#date--time-picker)\\n - [Emoji picker](#emoji-picker)\\n - [Input Types](#input-types)\\n - [Autocomplete](#autocomplete)\\n - [Select](#select)\\n - [Color Picker](#color-picker)\\n - [Toggle](#toggle)\\n - [Slider](#slider)\\n - [Radio Button](#radio-button)\\n - [Type Select](#type-select)\\n - [Tag Input](#tag-input)\\n - [Autosize Input / Textarea](#autosize-input--textarea)\\n - [Star Rating](#star-rating)\\n - [Drag and Drop](#drag-and-drop)\\n - [Sortable List](#sortable-list)\\n - [Rich Text Editor](#rich-text-editor)\\n - [Markdown Editor](#markdown-editor)\\n - [Image Editing](#image-editing)\\n - [Form Component Collections](#form-component-collections)\\n - [Miscellaneous](#miscellaneous-1)\\n - [Syntax Highlight](#syntax-highlight)\\n- [UI Layout](#ui-layout)\\n- [UI Animation](#ui-animation)\\n - [Parallax](#parallax)\\n- [UI Frameworks](#ui-frameworks)\\n - [Responsive](#responsive)\\n - [Material Design](#material-design)\\n - [Carbon](#carbon)\\n - [Bootstrap](#bootstrap)\\n - [AgnosticUI](#agnosticui)\\n - [Mobile](#mobile)\\n - [Component Collections](#component-collections)\\n- [UI Utilities](#ui-utilities)\\n - [Reporter](#reporter)\\n - [Visibility Reporter](#visibility-reporter)\\n - [Measurement Reporter](#measurement-reporter)\\n - [Device Input](#device-input)\\n - [Keyboard Events](#keyboard-events)\\n - [Scroll Events](#scroll-events)\\n - [Touch Swipe](#touch-swipe)\\n - [Mouse Events](#mouse-events)\\n - [Meta Tags](#meta-tags)\\n - [Portal](#portal)\\n - [Test User Behavior](#test-user-behavior)\\n- [Code Design](#code-design)\\n - [Data Store](#data-store)\\n - [Form Logic](#form-logic)\\n - [Router](#router)\\n - [Props from server](#props-from-server)\\n - [Communication with server](#communication-with-server)\\n - [CSS / Style](#css--style)\\n - [HTML Template](#html-template)\\n - [Isomorphic Apps](#isomorphic-apps)\\n - [Boilerplate](#boilerplate)\\n - [Miscellaneous](#miscellaneous-2)\\n- [Utilities](#utilities)\\n - [i18n](#i18n)\\n - [Framework bindings / integrations](#framework-bindings--integrations)\\n - [Integrations with Third Party Services](#integrations-with-third-party-services)\\n- [Performance](#performance)\\n - [UI](#ui)\\n - [Inspect](#inspect)\\n - [Lazy Load](#lazy-load)\\n - [App Size](#app-size)\\n - [Server-Side Rendering](#server-side-rendering)\\n- [State Management](#state-management)\\n- [Dev Tools](#dev-tools)\\n - [Test](#test)\\n - [Inspect](#inspect-1)\\n - [Miscellaneous](#miscellaneous-3)\\n- [Miscellaneous](#miscellaneous-4)\\n - [Static Website Generator](#static-website-generator)\\n- [Cloud Solutions](#cloud-solutions)\\n - [Databases](#databases)\\n\\n\u003C!-- END doctoc generated TOC please keep comment here to allow auto update -->\\n\\n## UI Components\\n\\n### Editable data grid / spreadsheet\\n\\n- [![](https://img.shields.io/github/stars/bsssshhhhhhh/svelte-data-grid?label=⭐&logo=_&style=social)](https://github.com/bsssshhhhhhh/svelte-data-grid) [bsssshhhhhhh/svelte-data-grid](https://github.com/bsssshhhhhhh/svelte-data-grid) — Lightweight and powerful data grid.\\n\\n### Table\\n\\n- [![](https://img.shields.io/github/stars/dasDaniel/svelte-table?label=⭐&logo=_&style=social)](https://github.com/dasDaniel/svelte-table) [dasDaniel/svelte-table](https://github.com/dasDaniel/svelte-table) — Table implementation that allows sorting and filtering.\\n- [![](https://img.shields.io/github/stars/vincjo/svelte-simple-datatables?label=⭐&logo=_&style=social)](https://github.com/vincjo/svelte-simple-datatables) [vincjo/svelte-simple-datatables](https://github.com/vincjo/svelte-simple-datatables)\\n- [![](https://img.shields.io/github/stars/ivosdc/svelte-generic-crud-table?label=⭐&logo=_&style=social)](https://github.com/ivosdc/svelte-generic-crud-table) [ivosdc/svelte-generic-crud-table](https://github.com/ivosdc/svelte-generic-crud-table) — Agnostic web-component for object-arrays with CRUD functionality.\\n\\n\\n### Infinite Scroll\\n\\n- [![](https://img.shields.io/github/stars/Skayo/svelte-tiny-virtual-list?label=⭐&logo=_&style=social)](https://github.com/Skayo/svelte-tiny-virtual-list) [Skayo/svelte-tiny-virtual-list](https://github.com/Skayo/svelte-tiny-virtual-list) — A tiny but mighty list virtualization library, with zero dependencies.\\n- [![](https://img.shields.io/github/stars/Skayo/svelte-infinite-loading?label=⭐&logo=_&style=social)](https://github.com/Skayo/svelte-infinite-loading) [Skayo/svelte-infinite-loading](https://github.com/Skayo/svelte-infinite-loading) — This is heavily inspired by [vue-infinite-loading](https://peachscript.github.io/vue-infinite-loading/).\\n\\n### Overlay\\n\\n_Display overlay / modal / alert / dialog / lightbox / popup_\\n\\n- [![](https://img.shields.io/github/stars/flekschas/svelte-simple-modal?label=⭐&logo=_&style=social)](https://github.com/flekschas/svelte-simple-modal) [flekschas/svelte-simple-modal](https://github.com/flekschas/svelte-simple-modal) — A simple, small, and content-agnostic modal.\\n\\n### Notification\\n\\n- [![](https://img.shields.io/github/stars/kbrgl/svelte-french-toast?label=⭐&logo=_&style=social)](https://github.com/kbrgl/svelte-french-toast) [kbrgl/svelte-french-toast](https://github.com/kbrgl/svelte-french-toast) - Svelte French Toast: Buttery smooth toast notifications for Svelte, inspired by React Hot Toast.\\n- [![](https://img.shields.io/github/stars/keenethics/svelte-notifications?label=⭐&logo=_&style=social)](https://github.com/keenethics/svelte-notifications) [keenethics/svelte-notifications](https://github.com/keenethics/svelte-notifications) — Simple and flexible notifications system.\\n- [![](https://img.shields.io/github/stars/beyonk-adventures/svelte-notifications?label=⭐&logo=_&style=social)](https://github.com/beyonk-adventures/svelte-notifications) [beyonk-adventures/svelte-notifications](https://github.com/beyonk-adventures/svelte-notifications) — Svelte toast notifications.\\n- [![](https://img.shields.io/github/stars/kevmodrome/svelte-favicon-badge?label=⭐&logo=_&style=social)](https://github.com/kevmodrome/svelte-favicon-badge) [kevmodrome/svelte-favicon-badge](https://github.com/kevmodrome/svelte-favicon-badge) — Adds a favicon and a badge.\\n- [![](https://img.shields.io/github/stars/zerodevx/svelte-toast?label=⭐&logo=_&style=social)](https://github.com/zerodevx/svelte-toast) [zerodevx/svelte-toast](https://github.com/zerodevx/svelte-toast) — Simple elegant toast notifications.\\n- [![](https://img.shields.io/github/stars/arthurclemens/dialogic?label=⭐&logo=_&style=social)](https://github.com/arthurclemens/dialogic) [arthurclemens/dialogic](https://github.com/arthurclemens/dialogic) — Dialogic: manage dialogs and notifications.\\n\\n### Tooltip\\n\\n- [![](https://img.shields.io/github/stars/vaheqelyan/svelte-popover?label=⭐&logo=_&style=social)](https://github.com/vaheqelyan/svelte-popover) [vaheqelyan/svelte-popover](https://github.com/vaheqelyan/svelte-popover) — A smart popover component.\\n\\n\\n### Menu\\n\\n_Menus / sidebars_\\n\\n\\n\\n### Sticky\\n\\n_Fixed headers / scroll-up headers / sticky elements_\\n\\n\\n\\n### Tabs\\n\\n[Tabs Component](https://svelte.dev/repl/7373880df7f64107b86f9e86c05f38b4?version=3.5.1) - Tabs Component example.\\n\\n\\n### Loader\\n\\n_Loaders / spinners / progress bars — Let the user know that something is loading_\\n\\n- [![](https://img.shields.io/github/stars/kaisermann/svelte-loadable?label=⭐&logo=_&style=social)](https://github.com/kaisermann/svelte-loadable) [kaisermann/svelte-loadable](https://github.com/kaisermann/svelte-loadable) — Dynamically load a svelte component.\\n- [![](https://img.shields.io/github/stars/PaulMaly/svelte-content-loader?label=⭐&logo=_&style=social)](https://github.com/PaulMaly/svelte-content-loader) [PaulMaly/svelte-content-loader](https://github.com/PaulMaly/svelte-content-loader) — Content Loader.\\n- [![](https://img.shields.io/github/stars/heithemmoumni/svelte-Spinkit?label=⭐&logo=_&style=social)](https://github.com/heithemmoumni/svelte-Spinkit) [heithemmoumni/svelte-Spinkit](https://github.com/heithemmoumni/svelte-Spinkit) — A collection of animated loading indicators.\\n- [![](https://img.shields.io/github/stars/stephane-vanraes/svelte-progresscircle?label=⭐&logo=_&style=social)](https://github.com/stephane-vanraes/svelte-progresscircle) [stephane-vanraes/svelte-progresscircle](https://github.com/stephane-vanraes/svelte-progresscircle) — Progress Circle.\\n\\n\\n### Carousel\\n\\n- [![](https://img.shields.io/github/stars/beyonk-adventures/svelte-carousel?label=⭐&logo=_&style=social)](https://github.com/beyonk-adventures/svelte-carousel) [beyonk-adventures/svelte-carousel](https://github.com/beyonk-adventures/svelte-carousel)\\n- [![](https://img.shields.io/github/stars/Valexr/svelte-slidy?label=⭐&logo=_&style=social)](https://github.com/Valexr/svelte-slidy) [Valexr/svelte-slidy](https://github.com/Valexr/svelte-slidy)\\n- [![](https://img.shields.io/github/stars/sciactive/multicarousel?label=⭐&logo=_&style=social)](https://github.com/sciactive/multicarousel) [sciactive/multicarousel](https://github.com/sciactive/multicarousel) — free multiple item JavaScript carousel.\\n\\n\\n### Buttons\\n\\n- [![](https://img.shields.io/github/stars/JHethDev/svelte-bouncy-btn?label=⭐&logo=_&style=social)](https://github.com/JHethDev/svelte-bouncy-btn) [JHethDev/svelte-bouncy-btn](https://github.com/JHethDev/svelte-bouncy-btn) — A bouncy button with variable fonts.\\n- [![](https://img.shields.io/github/stars/micha-lmxt/descent-ripple?label=⭐&logo=_&style=social)](https://github.com/micha-lmxt/descent-ripple) [micha-lmxt/descent-ripple](https://github.com/micha-lmxt/descent-ripple) — Ripple animation for buttons.\\n\\n### Collapse\\n\\n\\n\\n### Chart\\n\\n_Display data in charts / graphs / diagrams_\\n\\n- [![](https://img.shields.io/github/stars/Rich-Harris/pancake?label=⭐&logo=_&style=social)](https://github.com/Rich-Harris/pancake) [Rich-Harris/pancake](https://github.com/Rich-Harris/pancake) — Experimental charting library for Svelte.\\n- [![](https://img.shields.io/github/stars/himynameisdave/svelte-frappe-charts?label=⭐&logo=_&style=social)](https://github.com/himynameisdave/svelte-frappe-charts) [himynameisdave/svelte-frappe-charts](https://github.com/himynameisdave/svelte-frappe-charts) — Svelte bindings for frappe-charts.\\n- [![](https://img.shields.io/github/stars/liyuanqiu/echarts-for-svelte?label=⭐&logo=_&style=social)](https://github.com/liyuanqiu/echarts-for-svelte) [liyuanqiu/echarts-for-svelte](https://github.com/liyuanqiu/echarts-for-svelte) — Baidu Echarts(v3.0 & v4.0) components for Svelte wrapper.\\n\\n### Tree\\n\\n_Display a tree data structure_\\n\\n- [![](https://img.shields.io/github/stars/esinx/svelte-tree?label=⭐&logo=_&style=social)](https://github.com/esinx/svelte-tree) [esinx/svelte-tree](https://github.com/esinx/svelte-tree) — A tree-like outline view.\\n\\n### UI Navigation\\n\\n_Ways to navigate views_\\n\\n- [![](https://img.shields.io/github/stars/beyonk-adventures/svelte-steps?label=⭐&logo=_&style=social)](https://github.com/beyonk-adventures/svelte-steps) [beyonk-adventures/svelte-steps](https://github.com/beyonk-adventures/svelte-steps) — Progress Steps component.\\n- [![](https://img.shields.io/github/stars/dimfeld/svelte-zoomable?label=⭐&logo=_&style=social)](https://github.com/dimfeld/svelte-zoomable) [dimfeld/svelte-zoomable](https://github.com/dimfeld/svelte-zoomable) — Zoomable UI in Svelte.\\n\\n\\n### Custom Scrollbar\\n\\n- [![](https://img.shields.io/github/stars/MelihAltintas/svelte-slimscroll?label=⭐&logo=_&style=social)](https://github.com/MelihAltintas/svelte-slimscroll) [MelihAltintas/svelte-slimscroll](https://github.com/MelihAltintas/svelte-slimscroll) — svelte-slimscroll is a action which can transforms any div into a scrollable area with a nice scrollbar.\\n\\n\\n### Audio / Video\\n\\n- [![](https://img.shields.io/github/stars/meigo/svelte-video-player?label=⭐&logo=_&style=social)](https://github.com/meigo/svelte-video-player) [meigo/svelte-video-player](https://github.com/meigo/svelte-video-player) — Video playback interface.\\n\\n### Map\\n\\n- [![](https://img.shields.io/github/stars/beyonk-adventures/svelte-mapbox?label=⭐&logo=_&style=social)](https://github.com/beyonk-adventures/svelte-mapbox) [beyonk-adventures/svelte-mapbox](https://github.com/beyonk-adventures/svelte-mapbox) — MapBox Map and Autocomplete.\\n- [![](https://img.shields.io/github/stars/beyonk-adventures/svelte-googlemaps?label=⭐&logo=_&style=social)](https://github.com/beyonk-adventures/svelte-googlemaps) [beyonk-adventures/svelte-googlemaps](https://github.com/beyonk-adventures/svelte-googlemaps) — Google Maps Components.\\n- [![](https://img.shields.io/github/stars/anoram/leaflet-svelte?label=⭐&logo=_&style=social)](https://github.com/anoram/leaflet-svelte) [anoram/leaflet-svelte](https://github.com/anoram/leaflet-svelte) — Wrapper for Leaflet.\\n\\n### Time / Date / Age\\n\\n_Display time / date / age_\\n\\n\\n\\n### Photo / Image\\n\\n_Display images / photos_\\n\\n- [![](https://img.shields.io/github/stars/matyunya/svelte-image?label=⭐&logo=_&style=social)](https://github.com/matyunya/svelte-image) [matyunya/svelte-image](https://github.com/matyunya/svelte-image) — Image (pre)processing with Sharp.\\n- [![](https://img.shields.io/github/stars/johnwalley/compare-image-slider?label=⭐&logo=_&style=social)](https://github.com/johnwalley/compare-image-slider) [johnwalley/compare-image-slider](https://github.com/johnwalley/compare-image-slider) — Compare two images with a slider.\\n- [![](https://img.shields.io/github/stars/stephane-vanraes/svelte-multitoneimage?label=⭐&logo=_&style=social)](https://github.com/stephane-vanraes/svelte-multitoneimage) [stephane-vanraes/svelte-multitoneimage](https://github.com/stephane-vanraes/svelte-multitoneimage) — A simple image renderer to apply duotone effects.\\n- [GridGallery](https://svelte.dev/repl/3a1b7fae13b242fe9cd4a4f7aa092fa4?version=3.31.2) — CSS GridGallery.\\n\\n### Icons\\n\\n_Display icons / icon set / emojis_\\n\\n- [![](https://img.shields.io/github/stars/RobBrazier/svelte-awesome?label=⭐&logo=_&style=social)](https://github.com/RobBrazier/svelte-awesome) [RobBrazier/svelte-awesome](https://github.com/RobBrazier/svelte-awesome) — Awesome SVG icon component, built with Font Awesome icons.\\n- [![](https://img.shields.io/github/stars/Cweili/svelte-fa?label=⭐&logo=_&style=social)](https://github.com/Cweili/svelte-fa) [Cweili/svelte-fa](https://github.com/Cweili/svelte-fa) — Tiny FontAwesome 5.\\n- [![](https://img.shields.io/github/stars/AnxiousDarkly/svelte-icons?label=⭐&logo=_&style=social)](https://github.com/AnxiousDarkly/svelte-icons) [AnxiousDarkly/svelte-icons](https://github.com/AnxiousDarkly/svelte-icons)\\n- [![](https://img.shields.io/github/stars/dylanblokhuis/svelte-feather-icons?label=⭐&logo=_&style=social)](https://github.com/dylanblokhuis/svelte-feather-icons) [dylanblokhuis/svelte-feather-icons](https://github.com/dylanblokhuis/svelte-feather-icons) — Beautiful open source icons.\\n- [![](https://img.shields.io/github/stars/beyonk-adventures/svelte-simple-icons?label=⭐&logo=_&style=social)](https://github.com/beyonk-adventures/svelte-simple-icons) [beyonk-adventures/svelte-simple-icons](https://github.com/beyonk-adventures/svelte-simple-icons) — Simple Brand Icons.\\n\\n### Paginator\\n\\n_Display a control element to paginate_\\n\\n\\n- [![](https://img.shields.io/github/stars/thecodejack/svelte-pagination?label=⭐&logo=_&style=social)](https://github.com/thecodejack/svelte-pagination) [thecodejack/svelte-pagination](https://github.com/thecodejack/svelte-pagination) — Raw SvelteJS component for dynamic pagination.\\n\\n\\n### Markdown Viewer\\n\\n_Display parsed markdow source_\\n\\n\\n\\n### Canvas\\n\\n_Sketch input using Canvas or SVG_\\n\\n### Social\\n\\n- [![](https://img.shields.io/github/stars/beyonk-adventures/svelte-social-auth?label=⭐&logo=_&style=social)](https://github.com/beyonk-adventures/svelte-social-auth) [beyonk-adventures/svelte-social-auth](https://github.com/beyonk-adventures/svelte-social-auth) — Google and Facebook Auth.\\n- [![](https://img.shields.io/github/stars/beyonk-adventures/svelte-facebook-pixel?label=⭐&logo=_&style=social)](https://github.com/beyonk-adventures/svelte-facebook-pixel) [beyonk-adventures/svelte-facebook-pixel](https://github.com/beyonk-adventures/svelte-facebook-pixel) — Facebook pixel tracking.\\n- [![](https://img.shields.io/github/stars/beyonk-adventures/svelte-trustpilot?label=⭐&logo=_&style=social)](https://github.com/beyonk-adventures/svelte-trustpilot) [beyonk-adventures/svelte-trustpilot](https://github.com/beyonk-adventures/svelte-trustpilot) — Svelte/Vanilla JS Trustpilot Component.\\n\\n### DOM Manipulation\\n\\n- [![](https://img.shields.io/github/stars/romkor/svelte-portal?label=⭐&logo=_&style=social)](https://github.com/romkor/svelte-portal) [romkor/svelte-portal](https://github.com/romkor/svelte-portal) — Render outside the DOM of parent component.\\n- [![](https://img.shields.io/github/stars/nasso/svelte-teleport?label=⭐&logo=_&style=social)](https://github.com/nasso/svelte-teleport) [nasso/svelte-teleport](https://github.com/nasso/svelte-teleport) — Teleport elements across the DOM.\\n\\n### Miscellaneous\\n\\n- [![](https://img.shields.io/github/stars/henriquehbr/svelte-typewriter?label=⭐&logo=_&style=social)](https://github.com/henriquehbr/svelte-typewriter) [henriquehbr/svelte-typewriter](https://github.com/henriquehbr/svelte-typewriter) — A simple and reusable typewriter effect.\\n- [![](https://img.shields.io/github/stars/daybrush/ruler?label=⭐&logo=_&style=social)](https://github.com/daybrush/ruler) [daybrush/ruler](https://github.com/daybrush/ruler) — A Ruler component that can draw grids and scroll infinitely.\\n- [![](https://img.shields.io/github/stars/scottbedard/svelte-heatmap?label=⭐&logo=_&style=social)](https://github.com/scottbedard/svelte-heatmap) [scottbedard/svelte-heatmap](https://github.com/scottbedard/svelte-heatmap) — GitHub's contribution graph.\\n- [![](https://img.shields.io/github/stars/beyonk-adventures/gdpr-cookie-consent-banner?label=⭐&logo=_&style=social)](https://github.com/beyonk-adventures/gdpr-cookie-consent-banner) [beyonk-adventures/gdpr-cookie-consent-banner](https://github.com/beyonk-adventures/gdpr-cookie-consent-banner) — A GDPR compliant cookie consent banner.\\n- [![](https://img.shields.io/github/stars/beyonk-adventures/svelte-google-analytics?label=⭐&logo=_&style=social)](https://github.com/beyonk-adventures/svelte-google-analytics) [beyonk-adventures/svelte-google-analytics](https://github.com/beyonk-adventures/svelte-google-analytics) — Svelte Google Analytics.\\n\\n\\n### Form Components\\n\\n_Let the user enter data_\\n\\n#### Date / Time picker\\n\\n_Date picker / time picker / datetime picker / date range picker_\\n\\n- [![](https://img.shields.io/github/stars/6eDesign/svelte-calendar?label=⭐&logo=_&style=social)](https://github.com/6eDesign/svelte-calendar) [6eDesign/svelte-calendar](https://github.com/6eDesign/svelte-calendar) — A lightweight datepicker with neat animations and a unique UX.\\n- [![](https://img.shields.io/github/stars/YogliB/svelte-fullcalendar?label=⭐&logo=_&style=social)](https://github.com/YogliB/svelte-fullcalendar) [YogliB/svelte-fullcalendar](https://github.com/YogliB/svelte-fullcalendar) — A Svelte component wrapper around FullCalendar.\\n- [![](https://img.shields.io/github/stars/beyonk-adventures/svelte-datepicker?label=⭐&logo=_&style=social)](https://github.com/beyonk-adventures/svelte-datepicker) [beyonk-adventures/svelte-datepicker](https://github.com/beyonk-adventures/svelte-datepicker)\\n- [![](https://img.shields.io/github/stars/SharifClick/svelte-touch-datepicker?label=⭐&logo=_&style=social)](https://github.com/SharifClick/svelte-touch-datepicker) [SharifClick/svelte-touch-datepicker](https://github.com/SharifClick/svelte-touch-datepicker)\\n\\n#### Emoji picker\\n\\n\\n\\n#### Input Types\\n\\n_Masked inputs, specialized inputs; email / telephone number / credit card / etc._\\n\\n- [![](https://img.shields.io/github/stars/xnimorz/svelte-input-mask?label=⭐&logo=_&style=social)](https://github.com/xnimorz/svelte-input-mask) [xnimorz/svelte-input-mask](https://github.com/xnimorz/svelte-input-mask) — Input masking component.\\n\\n#### Autocomplete\\n\\n_Autosuggest / autocomplete / typeahead_\\n\\n- [![](https://img.shields.io/github/stars/pstanoev/simple-svelte-autocomplete?label=⭐&logo=_&style=social)](\\nhttps://github.com/pstanoev/simple-svelte-autocomplete) [pstanoev/simple-svelte-autocomplete](https://github.com/pstanoev/simple-svelte-autocomplete) — Simple Autocomplete / typeahead component.\\n\\n#### Select\\n\\n- [![](https://img.shields.io/github/stars/themarquisdesheric/simply-svelte-autocomplete?label=⭐&logo=_&style=social)](https://github.com/themarquisdesheric/simply-svelte-autocomplete) [themarquisdesheric/simply-svelte-autocomplete](https://github.com/themarquisdesheric/simply-svelte-autocomplete) — A lightweight, zero-dependency component that supports theming and incorporating new entries.\\n- [![](https://img.shields.io/github/stars/pavish/select-madu?label=⭐&logo=_&style=social)](\\nhttps://github.com/pavish/select-madu) [pavish/select-madu](https://github.com/pavish/select-madu) — SelectMadu is a replacement for the select menu, with support for searching, multiple selections, async data loading and more.\\n\\n\\n#### Color Picker\\n\\n- [![](https://img.shields.io/github/stars/efeskucuk/svelte-color-picker?label=⭐&logo=_&style=social)](https://github.com/efeskucuk/svelte-color-picker) [efeskucuk/svelte-color-picker](https://github.com/efeskucuk/svelte-color-picker)\\n\\n#### Toggle\\n\\n- [![](https://img.shields.io/github/stars/HosseinShabani/svelte-checkbox?label=⭐&logo=_&style=social)](https://github.com/HosseinShabani/svelte-checkbox) [HosseinShabani/svelte-checkbox](https://github.com/HosseinShabani/svelte-checkbox) — A checkbox.\\n- [![](https://img.shields.io/github/stars/beyonk-adventures/svelte-toggle?label=⭐&logo=_&style=social)](https://github.com/beyonk-adventures/svelte-toggle) [beyonk-adventures/svelte-toggle](https://github.com/beyonk-adventures/svelte-toggle)\\n\\n\\n#### Slider\\n\\n- [![](https://img.shields.io/github/stars/MelihAltintas/svelte-knob?label=⭐&logo=_&style=social)](https://github.com/MelihAltintas/svelte-knob) [MelihAltintas/svelte-knob](https://github.com/MelihAltintas/svelte-knob) — Knob control.\\n\\n\\n#### Radio Button\\n\\n\\n\\n#### Type Select\\n\\n_Let the user select something (e.g. a tag) while typing_\\n\\n\\n\\n#### Tag Input\\n\\n_Let the user add multiple tags in a single input_\\n\\n- [![](https://img.shields.io/github/stars/beyonk-adventures/svelte-tag-input?label=⭐&logo=_&style=social)](https://github.com/beyonk-adventures/svelte-tag-input) [beyonk-adventures/svelte-tag-input](https://github.com/beyonk-adventures/svelte-tag-input) — Lightweight tag input for Svelte and Vanilla JS.\\n\\n#### Autosize Input / Textarea\\n\\n\\n#### Star Rating\\n\\n- [![](https://img.shields.io/github/stars/emrekara37/svelte-rate-it?label=⭐&logo=_&style=social)](https://github.com/emrekara37/svelte-rate-it) [emrekara37/svelte-rate-it](https://github.com/emrekara37/svelte-rate-it)\\n\\n\\n#### Drag and Drop\\n\\n- [![](https://img.shields.io/github/stars/isaacHagoel/svelte-dnd-action?label=⭐&logo=_&style=social)](https://github.com/isaacHagoel/svelte-dnd-action) [isaacHagoel/svelte-dnd-action](https://github.com/isaacHagoel/svelte-dnd-action)\\n\\n#### Sortable List\\n\\n_Let the user define an order on a list_\\n\\n- [![](https://img.shields.io/github/stars/Zimtir/svelte-item-list?label=⭐&logo=_&style=social)](https://github.com/Zimtir/svelte-item-list) [Zimtir/svelte-item-list](https://github.com/Zimtir/svelte-item-list) — Item list.\\n\\n\\n#### Rich Text Editor\\n\\n- [![](https://img.shields.io/github/stars/easylogic/svelte-summernote?label=⭐&logo=_&style=social)](https://github.com/easylogic/svelte-summernote) [easylogic/svelte-summernote](https://github.com/easylogic/svelte-summernote) — Extension for summernote.\\n\\n\\n#### Markdown Editor\\n\\n\\n\\n#### Image Editing\\n\\n_Image manipulation_\\n\\n- [![](https://img.shields.io/github/stars/ValentinH/svelte-easy-crop?label=⭐&logo=_&style=social)](https://github.com/ValentinH/svelte-easy-crop) [ValentinH/svelte-easy-crop](https://github.com/ValentinH/svelte-easy-crop) — Crop images.\\n- [![](https://img.shields.io/github/stars/saabi/svelte-image-encoder?label=⭐&logo=_&style=social)](https://github.com/saabi/svelte-image-encoder) [saabi/svelte-image-encoder](https://github.com/saabi/svelte-image-encoder) — For editing and compressing profile pictures before upload to a server.\\n\\n\\n\\n\\n\\n#### Form Component Collections\\n\\n\\n\\n#### Miscellaneous\\n\\n- [![](https://img.shields.io/github/stars/yazonnile/svelidation?label=⭐&logo=_&style=social)](https://github.com/yazonnile/svelidation) [yazonnile/svelidation](https://github.com/yazonnile/svelidation) — Validation library.\\n\\n\\n#### Syntax Highlight\\n\\n\\n\\n## UI Layout\\n\\n_Components to layout the app's UI_\\n\\n- [![](https://img.shields.io/github/stars/vaheqelyan/svelte-grid?label=⭐&logo=_&style=social)](https://github.com/vaheqelyan/svelte-grid) [vaheqelyan/svelte-grid](https://github.com/vaheqelyan/svelte-grid) — A responsive, draggable and resizable grid layout.\\n- [![](https://img.shields.io/github/stars/andrelmlins/svelte-grid-responsive?label=⭐&logo=_&style=social)](https://github.com/andrelmlins/svelte-grid-responsive) [andrelmlins/svelte-grid-responsive](https://github.com/andrelmlins/svelte-grid-responsive) — Responsive grid system based on Bootstrap.\\n- [![](https://img.shields.io/github/stars/Readiz/svelte-split-pane?label=⭐&logo=_&style=social)](https://github.com/Readiz/svelte-split-pane) [Readiz/svelte-split-pane](https://github.com/Readiz/svelte-split-pane)\\n\\n\\n## UI Animation\\n\\n_Animate transitions_\\n\\n\\n\\n### Parallax\\n\\n\\n\\n## UI Frameworks\\n\\n### Responsive\\n\\n_Set of components + responsive layout system_\\n\\n- [![](https://img.shields.io/github/stars/illright/attractions?label=⭐&logo=_&style=social)](https://github.com/illright/attractions) [illright/attractions](https://github.com/illright/attractions) — A pretty cool UI kit for Svelte.\\n\\n\\n#### Material Design\\n\\n- [![](https://img.shields.io/github/stars/hperrin/svelte-material-ui?label=⭐&logo=_&style=social)](https://github.com/hperrin/svelte-material-ui) [hperrin/svelte-material-ui](https://github.com/hperrin/svelte-material-ui)\\n- [![](https://img.shields.io/github/stars/matyunya/smelte?label=⭐&logo=_&style=social)](https://github.com/matyunya/smelte) [matyunya/smelte](https://github.com/matyunya/smelte) — UI framework with material components built with Svelte and Tailwind CSS.\\n- [![](https://img.shields.io/github/stars/TheComputerM/svelte-materialify?label=⭐&logo=_&style=social)](https://github.com/TheComputerM/svelte-materialify) [TheComputerM/svelte-materialify](https://github.com/TheComputerM/svelte-materialify) — Inspired by vuetify.\\n- [![](https://img.shields.io/github/stars/svelte-toolbox/svelte-toolbox?label=⭐&logo=_&style=social)](https://github.com/svelte-toolbox/svelte-toolbox) [svelte-toolbox/svelte-toolbox](https://github.com/svelte-toolbox/svelte-toolbox)\\n\\n\\n#### Carbon\\n\\n- [![](https://img.shields.io/github/stars/IBM/carbon-components-svelte?label=⭐&logo=_&style=social)](https://github.com/IBM/carbon-components-svelte) [IBM/carbon-components-svelte](https://github.com/IBM/carbon-components-svelte) — Carbon Design System.\\n\\n#### Bootstrap\\n\\n- [![](https://img.shields.io/github/stars/bestguy/sveltestrap?label=⭐&logo=_&style=social)](https://github.com/bestguy/sveltestrap) [bestguy/sveltestrap](https://github.com/bestguy/sveltestrap) — Bootstrap 4 components for Svelte.\\n\\n#### AgnosticUI\\n\\n- [![](https://img.shields.io/github/stars/agnosticui/agnosticui?label=⭐&logo=_&style=social)](https://github.com/agnosticui/angosticui) [agnosticui](https://github.com/agnosticui/agnosticui) — Accessible Svelte Component Primitives (that also work with React, Vue 3, and Angular).\\n\\n### Mobile\\n\\n- [![](https://img.shields.io/github/stars/halfnelson/svelte-native?label=⭐&logo=_&style=social)](https://github.com/halfnelson/svelte-native) [halfnelson/svelte-native](https://github.com/halfnelson/svelte-native) — Svelte controlling native components via Nativescript.\\n\\n\\n### Component Collections\\n\\n\\n\\n## UI Utilities\\n\\n### Reporter\\n\\n_Report computed styles_\\n\\n#### Visibility Reporter\\n\\n_Report when a component becomes visible/hidden_\\n\\n\\n\\n#### Measurement Reporter\\n\\n_Determine and report measurements of an element_\\n\\n\\n\\n### Device Input\\n\\n_Turn user input into actions_\\n\\n#### Keyboard Events\\n\\n\\n\\n#### Scroll Events\\n\\n- [![](https://img.shields.io/github/stars/beyonk-adventures/svelte-scrollspy?label=⭐&logo=_&style=social)](https://github.com/beyonk-adventures/svelte-scrollspy) [beyonk-adventures/svelte-scrollspy](https://github.com/beyonk-adventures/svelte-scrollspy) — Scroll Spy component\\n\\n#### Touch Swipe\\n\\n- [![](https://img.shields.io/github/stars/SharifClick/svelte-swipe?label=⭐&logo=_&style=social)](https://github.com/SharifClick/svelte-swipe) [SharifClick/svelte-swipe](https://github.com/SharifClick/svelte-swipe)\\n- [![](https://img.shields.io/github/stars/tncrazvan/svelte-liquid-swipe?label=⭐&logo=_&style=social)](https://github.com/tncrazvan/svelte-liquid-swipe) [tncrazvan/svelte-liquid-swipe](https://github.com/tncrazvan/svelte-liquid-swipe)\\n- [![](https://img.shields.io/github/stars/Anyass3/sidebar-swipe?label=⭐&logo=_&style=social)](https://github.com/Anyass3/sidebar-swipe) [Anyass3/sidebar-swipe](https://github.com/Anyass3/sidebar-swipe) — Sidebar Swipeable ideally for touch screen devices.\\n\\n#### Mouse Events\\n\\n\\n\\n### Meta Tags\\n\\n_Set meta tags, \u003Ctitle>, children of \u003Chead>_\\n\\n\\n\\n### Portal\\n\\n_Render an element at an arbitrary DOM node_\\n\\n\\n\\n### Test User Behavior\\n\\n_A/B tests, experiments, ..._\\n\\n\\n\\n## Code Design\\n\\n_Libraries that help with code design_\\n\\n### Data Store\\n\\n_Data flow / data management / data stores / components state / data flow_\\n\\n\\n\\n### Form Logic\\n\\n- [![](https://img.shields.io/github/stars/mdauner/sveltejs-forms?label=⭐&logo=_&style=social)](https://github.com/mdauner/sveltejs-forms) [mdauner/sveltejs-forms](https://github.com/mdauner/sveltejs-forms) — Declarative forms for Svelte.\\n- [![](https://img.shields.io/github/stars/noahsalvi/svelte-use-form?label=⭐&logo=_&style=social)](https://github.com/noahsalvi/svelte-use-form) [noahsalvi/svelte-use-form](https://github.com/noahsalvi/svelte-use-form) — Control and validate forms and their inputs.\\n\\n### Router\\n\\n\u003Cdetails>\\n \u003Csummary>Summary\u003C/summary>\\n \\n|                   | SSR \\t| History API \\t| Hash Mode \\t| Memory Mode (no URL update) \\t| Query Parsing ?x=42&s=a,b,c \\t| Page Leave Guards \\t| Navigation Hooks \\t| Nested Routes \\t| Custom User Data \\t| CSS Transitions \\t| Routes Lazy load \\t| Default Fallbacks \\t| Forced Redirects \\t| Several routers \\t|\\n|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------\\t|:------------------:\\t|:------------------:\\t|:------------------:\\t|:---------------------------:\\t|:---------------------------:\\t|:------------------:\\t|:------------------:\\t|:------------------:\\t|:------------------:\\t|:------------------:\\t|:------------------:\\t|:------------------:\\t|:------------------:\\t|:------------------:\\t|\\n| [![EmilTholin/svelte-routing](https://img.shields.io/github/stars/EmilTholin/svelte-routing?label=EmilTholin/svelte-routing%20⭐&logo=_&style=social)](https://github.com/EmilTholin/svelte-routing) \\t| :white_check_mark: \\t| :white_check_mark: \\t| :x: \\t| :x: \\t| :x: \\t| :x: \\t| :x: \\t| :white_check_mark: \\t| :white_check_mark: \\t| :x: \\t| :x: \\t| :x: \\t| :x: \\t| :white_check_mark: \\t|\\n| [![sveltech/routify](https://img.shields.io/github/stars/sveltech/routify?label=sveltech/routify%20⭐&logo=_&style=social)](https://github.com/sveltech/routify) \\t| :white_check_mark: \\t| :white_check_mark: \\t| :x: \\t| :x: \\t| :x: \\t| :white_check_mark: \\t| :white_check_mark: \\t| :white_check_mark: \\t| :white_check_mark: \\t| :white_check_mark: \\t| :white_check_mark: \\t| :x: \\t| :white_check_mark: \\t| :x: \\t|\\n| [![ItalyPaleAle/svelte-spa-router](https://img.shields.io/github/stars/ItalyPaleAle/svelte-spa-router?label=ItalyPaleAle/svelte-spa-router%20⭐&logo=_&style=social)](https://github.com/ItalyPaleAle/svelte-spa-router) \\t| :x: \\t| :x: \\t| :white_check_mark: \\t| :x: \\t| :white_check_mark: \\t| :x: \\t| :x: \\t| :white_check_mark: \\t| :white_check_mark: \\t| :white_check_mark: \\t| :white_check_mark: \\t| :white_check_mark: \\t| :x: \\t| :x: \\t|\\n| [![AlexxNB/tinro](https://img.shields.io/github/stars/AlexxNB/tinro?label=AlexxNB/tinro%20⭐&logo=_&style=social)](https://github.com/AlexxNB/tinro) \\t| :x: \\t| :white_check_mark: \\t| :white_check_mark: \\t| :x: \\t| :white_check_mark: \\t| :x: \\t| :white_check_mark: \\t| :white_check_mark: \\t| :x: \\t| :white_check_mark: \\t| :white_check_mark: \\t| :white_check_mark: \\t| :white_check_mark: \\t| :white_check_mark: \\t|\\n| [![jorgegorka/svelte-router](https://img.shields.io/github/stars/jorgegorka/svelte-router?label=jorgegorka/svelte-router%20⭐&logo=_&style=social)](https://github.com/jorgegorka/svelte-router) \\t| :x: \\t| :white_check_mark: \\t| :x: \\t| :x: \\t| :x: \\t| :x: \\t| :x: \\t| :white_check_mark: \\t| :x: \\t| :x: \\t| :x: \\t| :white_check_mark: \\t| :white_check_mark: \\t| :x: \\t|\\n| [![pateketrueke/yrv](https://img.shields.io/github/stars/pateketrueke/yrv?label=pateketrueke/yrv%20⭐&logo=_&style=social)](https://github.com/pateketrueke/yrv) \\t| :x: \\t| :white_check_mark: \\t| :white_check_mark: \\t| :x: \\t| :white_check_mark: \\t| :x: \\t| :white_check_mark: \\t| :x: \\t| :x: \\t| :x: \\t| :white_check_mark: \\t| :white_check_mark: \\t| :x: \\t| :x: \\t|\\n| [![easyroute-router/svelte-easyroute](https://img.shields.io/github/stars/easyroute-router/svelte-easyroute?label=easyroute-router/svelte-easyroute%20⭐&logo=_&style=social)](https://github.com/easyroute-router/svelte-easyroute) \\t| :white_check_mark: \\t| :white_check_mark: \\t| :white_check_mark: \\t| :white_check_mark: \\t| :white_check_mark: \\t| :white_check_mark: \\t| :white_check_mark: \\t| :white_check_mark: \\t| :white_check_mark: \\t| :white_check_mark: \\t| :white_check_mark: \\t| :white_check_mark: \\t| :x: \\t| :white_check_mark: \\t|\\n| [![mefechoel/svelte-navigator](https://img.shields.io/github/stars/mefechoel/svelte-navigator?label=mefechoel/svelte-navigator%20⭐&logo=_&style=social)](https://github.com/mefechoel/svelte-navigator) \\t| :white_check_mark: \\t| :white_check_mark: \\t| :white_check_mark: \\t| :white_check_mark: \\t| :x: \\t| :x: \\t| :white_check_mark: \\t| :white_check_mark: \\t| :white_check_mark: \\t| :x: \\t| :white_check_mark: \\t| :x: \\t| :x: \\t| :x: \\t|\\n| [![PaulMaly/svelte-pathfinder](https://img.shields.io/github/stars/PaulMaly/svelte-pathfinder?label=PaulMaly/svelte-pathfinder%20⭐&logo=_&style=social)](https://github.com/PaulMaly/svelte-pathfinder) \\t| :x: \\t| :white_check_mark: \\t| :x: \\t| :white_check_mark: \\t| :x: \\t| :x: \\t| :x: \\t| :x: \\t| :white_check_mark: \\t| :x: \\t| :x: \\t| :x: \\t| :white_check_mark: \\t| :x: \\t|\\n| [![bluwy/svelte-router](https://img.shields.io/github/stars/bluwy/svelte-router?label=bluwy/svelte-router%20⭐&logo=_&style=social)](https://github.com/bluwy/svelte-router) \\t| :x: \\t| :white_check_mark: \\t| :white_check_mark: \\t| :x: \\t| :x: \\t| :white_check_mark: \\t| :x: \\t| :white_check_mark: \\t| :x: \\t| :x: \\t| :white_check_mark: \\t| :x: \\t| :x: \\t| :x: \\t|\\n| [![routve/routve](https://img.shields.io/github/stars/routve/routve?label=routve/routve%20⭐&logo=_&style=social)](https://github.com/routve/routve) \\t| :x: \\t| :white_check_mark: \\t| :white_check_mark: \\t| :x: \\t| :white_check_mark: \\t| :white_check_mark: \\t| :white_check_mark: \\t| :white_check_mark: \\t| :white_check_mark: \\t| :x: \\t| :white_check_mark: \\t| :white_check_mark: \\t| :x: \\t| :x: \\t|\\n| [![dievardump/yasp-router](https://img.shields.io/github/stars/dievardump/yasp-router?label=dievardump/yasp-router%20⭐&logo=_&style=social)](https://github.com/dievardump/yasp-router) \\t| :x: \\t| :white_check_mark: \\t| :white_check_mark: \\t| :x: \\t| :x: \\t| :x: \\t| :x: \\t| :white_check_mark: \\t| :x: \\t| :x: \\t| :white_check_mark: \\t| :white_check_mark: \\t| :x: \\t| :white_check_mark: \\t|\\n| [![shaunlee/svelterouter](https://img.shields.io/github/stars/shaunlee/svelterouter?label=shaunlee/svelterouter%20⭐&logo=_&style=social)](https://github.com/shaunlee/svelterouter) \\t| :x: \\t| :white_check_mark: \\t| :white_check_mark: \\t| :x: \\t| :white_check_mark: \\t| :x: \\t| :x: \\t| :x: \\t| :x: \\t| :x: \\t| :x: \\t| :x: \\t| :white_check_mark: \\t| :x: \\t|\\n\u003C/details>\\n\\n- [![](https://img.shields.io/github/stars/EmilTholin/svelte-routing?label=⭐&logo=_&style=social)](https://github.com/EmilTholin/svelte-routing) [EmilTholin/svelte-routing](https://github.com/EmilTholin/svelte-routing) — A declarative Svelte routing library with SSR support.\\n- [![](https://img.shields.io/github/stars/sveltech/routify?label=⭐&logo=_&style=social)](https://github.com/sveltech/routify) [sveltech/routify](https://github.com/sveltech/routify) — Automated Svelte routes\\n- [![](https://img.shields.io/github/stars/ItalyPaleAle/svelte-spa-router?label=⭐&logo=_&style=social)](https://github.com/ItalyPaleAle/svelte-spa-router) [ItalyPaleAle/svelte-spa-router](https://github.com/ItalyPaleAle/svelte-spa-router) — Router for SPAs using Svelte 3\\n- [![](https://img.shields.io/github/stars/AlexxNB/tinro?label=⭐&logo=_&style=social)](https://github.com/AlexxNB/tinro) [AlexxNB/tinro](https://github.com/AlexxNB/tinro) — Highly declarative, very tiny, dependency free router for Svelte's web applications.\\n- [![](https://img.shields.io/github/stars/jorgegorka/svelte-router?label=⭐&logo=_&style=social)](https://github.com/jorgegorka/svelte-router) [jorgegorka/svelte-router](https://github.com/jorgegorka/svelte-router) — Includes localisation, guards and nested layouts.\\n- [![](https://img.shields.io/github/stars/pateketrueke/yrv?label=⭐&logo=_&style=social)](https://github.com/pateketrueke/yrv) [pateketrueke/yrv](https://github.com/pateketrueke/yrv) — Built on top of [abstract-nested-router](https://www.npmjs.com/package/abstract-nested-router)\\n- [![](https://img.shields.io/github/stars/easyroute-router/svelte-easyroute?label=⭐&logo=_&style=social)](https://github.com/easyroute-router/svelte-easyroute) [easyroute-router/svelte-easyroute](https://github.com/easyroute-router/svelte-easyroute) — Like Vue Router. Supports history and hash mode, navigation guards, base path.\\n- [![](https://img.shields.io/github/stars/mefechoel/svelte-navigator?label=⭐&logo=_&style=social)](https://github.com/mefechoel/svelte-navigator) [mefechoel/svelte-navigator](https://github.com/mefechoel/svelte-navigator) — Simple, accessible routing for Svelte.\\n- [![](https://img.shields.io/github/stars/PaulMaly/svelte-pathfinder?label=⭐&logo=_&style=social)](https://github.com/PaulMaly/svelte-pathfinder) [PaulMaly/svelte-pathfinder](https://github.com/PaulMaly/svelte-pathfinder) — State-based router for Svelte 3.\\n- [![](https://img.shields.io/github/stars/bluwy/svelte-router?label=⭐&logo=_&style=social)](https://github.com/bluwy/svelte-router) [bluwy/svelte-router](https://github.com/bluwy/svelte-router) — An easy-to-use SPA router for Svelte.\\n- [![](https://img.shields.io/github/stars/routve/routve?label=⭐&logo=_&style=social)](https://github.com/routve/routve) [routve/routve](https://github.com/routve/routve) — Routve is an advanced Svelte 3 router.\\n- [![](https://img.shields.io/github/stars/dievardump/yasp-router?label=⭐&logo=_&style=social)](https://github.com/dievardump/yasp-router) [dievardump/yasp-router](https://github.com/dievardump/yasp-router) — Router for Svelte 3.\\n- [![](https://img.shields.io/github/stars/shaunlee/svelterouter?label=⭐&logo=_&style=social)](https://github.com/shaunlee/svelterouter) [shaunlee/svelterouter](https://github.com/shaunlee/svelterouter) — Another vue-router inspired Svelte router.\\n\\n\\n### Props from server\\n\\n_Component properties asynchronously fetched over the network_\\n\\n\\n\\n### Communication with server\\n\\n- [![](https://img.shields.io/github/stars/SvelteStack/svelte-query?label=⭐&logo=_&style=social)](https://github.com/SvelteStack/svelte-query) [SvelteStack/svelte-query](https://github.com/SvelteStack/svelte-query) — Performant and powerful remote data synchronization.\\n\\n### CSS / Style\\n\\n- [![](https://img.shields.io/github/stars/josefaidt/svelte-themer?label=⭐&logo=_&style=social)](https://github.com/josefaidt/svelte-themer) [josefaidt/svelte-themer](https://github.com/josefaidt/svelte-themer) — A theming engine for your Svelte apps using CSS.\\n\\n### HTML Template\\n\\n- [![](https://img.shields.io/github/stars/l-portet/svelte-switch-case?label=⭐&logo=_&style=social)](https://github.com/l-portet/svelte-switch-case) [l-portet/svelte-switch-case](https://github.com/l-portet/svelte-switch-case) — Switch case syntax for Svelte.\\n\\n### Isomorphic Apps\\n\\n\\n\\n### Boilerplate\\n\\n_Scaffold / starter kit / Yeoman generator / stack ensemble / seed_\\n\\n- [![](https://img.shields.io/github/stars/YogliB/svelte-component-template?label=⭐&logo=_&style=social)](https://github.com/YogliB/svelte-component-template) [YogliB/svelte-component-template](https://github.com/YogliB/svelte-component-template) — A base for building shareable components.\\n\\n\\n### Miscellaneous\\n\\n\\n\\n## Utilities\\n\\n\\n\\n### i18n\\n\\n_Internationalization / L10n / localization / translation_\\n\\n\\n\\n### Framework bindings / integrations\\n\\n\\n\\n### Integrations with Third Party Services\\n\\n\\n\\n## Performance\\n\\n### UI\\n\\n\\n\\n#### Inspect\\n\\n\\n\\n#### Lazy Load\\n\\n\\n\\n### App Size\\n\\n- [![](https://img.shields.io/github/stars/halfnelson/svelte-it-will-scale?label=⭐&logo=_&style=social)](https://github.com/halfnelson/svelte-it-will-scale) [halfnelson/svelte-it-will-scale](https://github.com/halfnelson/svelte-it-will-scale) — Generate a chart showing svelte's overhead.\\n- [Does Svelte Scale?](https://svelte-scaling.acmion.com/)\\n- [JavaScript Frameworks, Performance Comparison 2020](https://medium.com/javascript-in-plain-english/javascript-frameworks-performance-comparison-2020-cd881ac21fce)\\n\\n### Server-Side Rendering\\n\\n## State Management\\n\\n- [![](https://img.shields.io/github/stars/dmaevsky/tinyx?label=⭐&logo=_&style=social)](https://github.com/dmaevsky/tinyx) [dmaevsky/tinyx](https://github.com/dmaevsky/tinyx) — A tiny state manager for big applications.\\n\\n\\n## Dev Tools\\n\\n### Test\\n\\n- [![](https://img.shields.io/github/stars/vidigas/svelte-feature-flag?label=⭐&logo=_&style=social)](https://github.com/vidigas/svelte-feature-flag) [vidigas/svelte-feature-flag](https://github.com/vidigas/svelte-feature-flag) — Feature flags (toggle) module.\\n\\n### Inspect\\n\\n- [![](https://img.shields.io/github/stars/RedHatter/svelte-devtools?label=⭐&logo=_&style=social)](https://github.com/RedHatter/svelte-devtools) [RedHatter/svelte-devtools](https://github.com/RedHatter/svelte-devtools) — Inspect the state and component hierarchies in the Developer Tools.\\n- [![](https://img.shields.io/github/stars/qutran/svelte-inspector?label=⭐&logo=_&style=social)](https://github.com/qutran/svelte-inspector) [qutran/svelte-inspector](https://github.com/qutran/svelte-inspector) — Development helper for inspecting and opening svelte components in your editor.\\n- [svelte-reactive-debugger](https://addons.mozilla.org/en-US/firefox/addon/svelte-reactive-debugger) — Svelte Reactive Debugger.\\n\\n### Miscellaneous\\n\\n- [![](https://img.shields.io/github/stars/sveltejs/prettier-plugin-svelte?label=⭐&logo=_&style=social)](https://github.com/sveltejs/prettier-plugin-svelte) [sveltejs/prettier-plugin-svelte](https://github.com/sveltejs/prettier-plugin-svelte) — Format your svelte components using prettier.\\n- [![](https://img.shields.io/github/stars/Rich-Harris/react-svelte?label=⭐&logo=_&style=social)](https://github.com/Rich-Harris/react-svelte) [Rich-Harris/react-svelte](https://github.com/Rich-Harris/react-svelte) — Use Svelte components inside a React app.\\n- [![](https://img.shields.io/github/stars/pngwn/svelte-adapter?label=⭐&logo=_&style=social)](https://github.com/pngwn/svelte-adapter) [pngwn/svelte-adapter](https://github.com/pngwn/svelte-adapter) — Use Svelte components within Vue and React applications.\\n- [![](https://img.shields.io/github/stars/AlexxNB/svelte-docs?label=⭐&logo=_&style=social)](https://github.com/AlexxNB/svelte-docs) [AlexxNB/svelte-docs](https://github.com/AlexxNB/svelte-docs) — Write documentation for your Svelte components.\\n- [![](https://img.shields.io/github/stars/jesseskinner/svelte-react?label=⭐&logo=_&style=social)](https://github.com/jesseskinner/svelte-react) [jesseskinner/svelte-react](https://github.com/jesseskinner/svelte-react) — Use React components inside Svelte apps.\\n- [![](https://img.shields.io/github/stars/KoRnFactory/svelte-injector?label=⭐&logo=_&style=social)](https://github.com/KoRnFactory/svelte-injector) [KoRnFactory/svelte-injector](https://github.com/KoRnFactory/svelte-injector) — Use Svelte components inside other frameworks.\\n\\n\\n\\n## Miscellaneous\\n\\n- [![](https://img.shields.io/github/stars/DeMoorJasper/parcel-plugin-svelte?label=⭐&logo=_&style=social)](https://github.com/DeMoorJasper/parcel-plugin-svelte) [DeMoorJasper/parcel-plugin-svelte](https://github.com/DeMoorJasper/parcel-plugin-svelte) — A parcel plugin with svelte support.\\n- [![](https://img.shields.io/github/stars/dominikg/svite?label=⭐&logo=_&style=social)](https://github.com/dominikg/svite) [dominikg/svite](https://github.com/dominikg/svite) — Svelte Integration for vite.\\n\\n### Static Website Generator\\n\\n- [![](https://img.shields.io/github/stars/YeungKC/Hakuba?label=⭐&logo=_&style=social)](https://github.com/YeungKC/Hakuba) [Hakuba](https://github.com/YeungKC/Hakuba) - A fast blog starter driven by Github discussions for all data.\\n\\n## Cloud Solutions\\n\\n### Databases\\n\"},\"readme2\":null,\"readme3\":null,\"readme4\":null,\"readme5\":null,\"repositoryTopics\":{\"nodes\":[{\"topic\":{\"name\":\"svelte\"}},{\"topic\":{\"name\":\"sveltejs\"}},{\"topic\":{\"name\":\"awesome\"}},{\"topic\":{\"name\":\"awesome-list\"}},{\"topic\":{\"name\":\"awesome-lists\"}}]},\"owner\":{\"avatarUrl\":\"https://avatars.githubusercontent.com/u/38334898?s=30&v=4\",\"url\":\"https://github.com/rocketlaunchr\",\"login\":\"rocketlaunchr\"},\"htmlContent\":\"\u003Cp align=\\\"right\\\">\\n ⭐   \u003Cstrong>the project to show your appreciation.\u003C/strong> :arrow_upper_right:\\n\u003C/p>\\n\\n\u003Cdiv align=\\\"center\\\">\\n \u003Cimg src=\\\"assets/header.svg\\\" width=\\\"666\\\" height=\\\"202\\\">\\n\u003C/div>\\n\\n\u003Cdiv align=\\\"center\\\">\\n \u003Ca href=\\\"https://svelte.news/weekly\\\">\\n \u003Cimg src=\\\"https://s3-us-west-2.amazonaws.com/svelte.news/assets/images/weekly/text-logo-orange.png\\\" width=\\\"140px\\\" height=\\\"20px\\\">\\n \u003Cstrong>— A curated newsletter for Svelte enthusiasts.\u003C/strong>\\n \u003C/a> \\n\u003C/div>\\n\\n\u003Ch2 id=\\\"table-of-contents\\\">Table of Contents\u003C/h2>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#ui-components\\\" title=\\\"svelte theme\\\">UI Components\u003C/a>\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#editable-data-grid--spreadsheet\\\" title=\\\"svelte theme\\\">Editable data grid / spreadsheet\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#table\\\" title=\\\"svelte theme\\\">Table\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#infinite-scroll\\\" title=\\\"svelte theme\\\">Infinite Scroll\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#overlay\\\" title=\\\"svelte theme\\\">Overlay\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#notification\\\" title=\\\"svelte theme\\\">Notification\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#tooltip\\\" title=\\\"svelte theme\\\">Tooltip\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#menu\\\" title=\\\"svelte theme\\\">Menu\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#sticky\\\" title=\\\"svelte theme\\\">Sticky\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#tabs\\\" title=\\\"svelte theme\\\">Tabs\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#loader\\\" title=\\\"svelte theme\\\">Loader\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#carousel\\\" title=\\\"svelte theme\\\">Carousel\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#buttons\\\" title=\\\"svelte theme\\\">Buttons\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#collapse\\\" title=\\\"svelte theme\\\">Collapse\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#chart\\\" title=\\\"svelte theme\\\">Chart\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#tree\\\" title=\\\"svelte theme\\\">Tree\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#ui-navigation\\\" title=\\\"svelte theme\\\">UI Navigation\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#custom-scrollbar\\\" title=\\\"svelte theme\\\">Custom Scrollbar\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#audio--video\\\" title=\\\"svelte theme\\\">Audio / Video\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#map\\\" title=\\\"svelte theme\\\">Map\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#time--date--age\\\" title=\\\"svelte theme\\\">Time / Date / Age\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#photo--image\\\" title=\\\"svelte theme\\\">Photo / Image\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#icons\\\" title=\\\"svelte theme\\\">Icons\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#paginator\\\" title=\\\"svelte theme\\\">Paginator\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#markdown-viewer\\\" title=\\\"svelte theme\\\">Markdown Viewer\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#canvas\\\" title=\\\"svelte theme\\\">Canvas\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#social\\\" title=\\\"svelte theme\\\">Social\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#dom-manipulation\\\" title=\\\"svelte theme\\\">DOM Manipulation\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#miscellaneous\\\" title=\\\"svelte theme\\\">Miscellaneous\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#form-components\\\" title=\\\"svelte theme\\\">Form Components\u003C/a>\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#date--time-picker\\\" title=\\\"svelte theme\\\">Date / Time picker\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#emoji-picker\\\" title=\\\"svelte theme\\\">Emoji picker\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#input-types\\\" title=\\\"svelte theme\\\">Input Types\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#autocomplete\\\" title=\\\"svelte theme\\\">Autocomplete\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#select\\\" title=\\\"svelte theme\\\">Select\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#color-picker\\\" title=\\\"svelte theme\\\">Color Picker\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#toggle\\\" title=\\\"svelte theme\\\">Toggle\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#slider\\\" title=\\\"svelte theme\\\">Slider\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#radio-button\\\" title=\\\"svelte theme\\\">Radio Button\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#type-select\\\" title=\\\"svelte theme\\\">Type Select\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#tag-input\\\" title=\\\"svelte theme\\\">Tag Input\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#autosize-input--textarea\\\" title=\\\"svelte theme\\\">Autosize Input / Textarea\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#star-rating\\\" title=\\\"svelte theme\\\">Star Rating\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#drag-and-drop\\\" title=\\\"svelte theme\\\">Drag and Drop\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#sortable-list\\\" title=\\\"svelte theme\\\">Sortable List\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#rich-text-editor\\\" title=\\\"svelte theme\\\">Rich Text Editor\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#markdown-editor\\\" title=\\\"svelte theme\\\">Markdown Editor\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#image-editing\\\" title=\\\"svelte theme\\\">Image Editing\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#form-component-collections\\\" title=\\\"svelte theme\\\">Form Component Collections\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#miscellaneous-1\\\" title=\\\"svelte theme\\\">Miscellaneous\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#syntax-highlight\\\" title=\\\"svelte theme\\\">Syntax Highlight\u003C/a>\u003C/li>\\n\u003C/ul>\\n\u003C/li>\\n\u003C/ul>\\n\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#ui-layout\\\" title=\\\"svelte theme\\\">UI Layout\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#ui-animation\\\" title=\\\"svelte theme\\\">UI Animation\u003C/a>\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#parallax\\\" title=\\\"svelte theme\\\">Parallax\u003C/a>\u003C/li>\\n\u003C/ul>\\n\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#ui-frameworks\\\" title=\\\"svelte theme\\\">UI Frameworks\u003C/a>\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#responsive\\\" title=\\\"svelte theme\\\">Responsive\u003C/a>\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#material-design\\\" title=\\\"svelte theme\\\">Material Design\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#carbon\\\" title=\\\"svelte theme\\\">Carbon\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#bootstrap\\\" title=\\\"svelte theme\\\">Bootstrap\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#agnosticui\\\" title=\\\"svelte theme\\\">AgnosticUI\u003C/a>\u003C/li>\\n\u003C/ul>\\n\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#mobile\\\" title=\\\"svelte theme\\\">Mobile\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#component-collections\\\" title=\\\"svelte theme\\\">Component Collections\u003C/a>\u003C/li>\\n\u003C/ul>\\n\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#ui-utilities\\\" title=\\\"svelte theme\\\">UI Utilities\u003C/a>\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#reporter\\\" title=\\\"svelte theme\\\">Reporter\u003C/a>\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#visibility-reporter\\\" title=\\\"svelte theme\\\">Visibility Reporter\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#measurement-reporter\\\" title=\\\"svelte theme\\\">Measurement Reporter\u003C/a>\u003C/li>\\n\u003C/ul>\\n\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#device-input\\\" title=\\\"svelte theme\\\">Device Input\u003C/a>\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#keyboard-events\\\" title=\\\"svelte theme\\\">Keyboard Events\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#scroll-events\\\" title=\\\"svelte theme\\\">Scroll Events\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#touch-swipe\\\" title=\\\"svelte theme\\\">Touch Swipe\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#mouse-events\\\" title=\\\"svelte theme\\\">Mouse Events\u003C/a>\u003C/li>\\n\u003C/ul>\\n\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#meta-tags\\\" title=\\\"svelte theme\\\">Meta Tags\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#portal\\\" title=\\\"svelte theme\\\">Portal\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#test-user-behavior\\\" title=\\\"svelte theme\\\">Test User Behavior\u003C/a>\u003C/li>\\n\u003C/ul>\\n\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#code-design\\\" title=\\\"svelte theme\\\">Code Design\u003C/a>\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#data-store\\\" title=\\\"svelte theme\\\">Data Store\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#form-logic\\\" title=\\\"svelte theme\\\">Form Logic\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#router\\\" title=\\\"svelte theme\\\">Router\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#props-from-server\\\" title=\\\"svelte theme\\\">Props from server\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#communication-with-server\\\" title=\\\"svelte theme\\\">Communication with server\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#css--style\\\" title=\\\"svelte theme\\\">CSS / Style\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#html-template\\\" title=\\\"svelte theme\\\">HTML Template\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#isomorphic-apps\\\" title=\\\"svelte theme\\\">Isomorphic Apps\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#boilerplate\\\" title=\\\"svelte theme\\\">Boilerplate\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#miscellaneous-2\\\" title=\\\"svelte theme\\\">Miscellaneous\u003C/a>\u003C/li>\\n\u003C/ul>\\n\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#utilities\\\" title=\\\"svelte theme\\\">Utilities\u003C/a>\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#i18n\\\" title=\\\"svelte theme\\\">i18n\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#framework-bindings--integrations\\\" title=\\\"svelte theme\\\">Framework bindings / integrations\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#integrations-with-third-party-services\\\" title=\\\"svelte theme\\\">Integrations with Third Party Services\u003C/a>\u003C/li>\\n\u003C/ul>\\n\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#performance\\\" title=\\\"svelte theme\\\">Performance\u003C/a>\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#ui\\\" title=\\\"svelte theme\\\">UI\u003C/a>\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#inspect\\\" title=\\\"svelte theme\\\">Inspect\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#lazy-load\\\" title=\\\"svelte theme\\\">Lazy Load\u003C/a>\u003C/li>\\n\u003C/ul>\\n\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#app-size\\\" title=\\\"svelte theme\\\">App Size\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#server-side-rendering\\\" title=\\\"svelte theme\\\">Server-Side Rendering\u003C/a>\u003C/li>\\n\u003C/ul>\\n\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#state-management\\\" title=\\\"svelte theme\\\">State Management\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#dev-tools\\\" title=\\\"svelte theme\\\">Dev Tools\u003C/a>\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#test\\\" title=\\\"svelte theme\\\">Test\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#inspect-1\\\" title=\\\"svelte theme\\\">Inspect\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#miscellaneous-3\\\" title=\\\"svelte theme\\\">Miscellaneous\u003C/a>\u003C/li>\\n\u003C/ul>\\n\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#miscellaneous-4\\\" title=\\\"svelte theme\\\">Miscellaneous\u003C/a>\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#static-website-generator\\\" title=\\\"svelte theme\\\">Static Website Generator\u003C/a>\u003C/li>\\n\u003C/ul>\\n\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#cloud-solutions\\\" title=\\\"svelte theme\\\">Cloud Solutions\u003C/a>\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"#databases\\\" title=\\\"svelte theme\\\">Databases\u003C/a>\u003C/li>\\n\u003C/ul>\\n\u003C/li>\\n\u003C/ul>\\n\u003C!-- END doctoc generated TOC please keep comment here to allow auto update -->\\n\\n\u003Ch2 id=\\\"ui-components\\\">UI Components\u003C/h2>\\n\u003Ch3 id=\\\"editable-data-grid--spreadsheet\\\">Editable data grid / spreadsheet\u003C/h3>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/bsssshhhhhhh/svelte-data-grid\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/bsssshhhhhhh/svelte-data-grid?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/bsssshhhhhhh/svelte-data-grid?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/bsssshhhhhhh/svelte-data-grid\\\" title=\\\"svelte theme\\\">bsssshhhhhhh/svelte-data-grid\u003C/a> — Lightweight and powerful data grid.\u003C/li>\\n\u003C/ul>\\n\u003Ch3 id=\\\"table\\\">Table\u003C/h3>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/dasDaniel/svelte-table\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/dasDaniel/svelte-table?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/dasDaniel/svelte-table?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/dasDaniel/svelte-table\\\" title=\\\"svelte theme\\\">dasDaniel/svelte-table\u003C/a> — Table implementation that allows sorting and filtering.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/vincjo/svelte-simple-datatables\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/vincjo/svelte-simple-datatables?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/vincjo/svelte-simple-datatables?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/vincjo/svelte-simple-datatables\\\" title=\\\"svelte theme\\\">vincjo/svelte-simple-datatables\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/ivosdc/svelte-generic-crud-table\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/ivosdc/svelte-generic-crud-table?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/ivosdc/svelte-generic-crud-table?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/ivosdc/svelte-generic-crud-table\\\" title=\\\"svelte theme\\\">ivosdc/svelte-generic-crud-table\u003C/a> — Agnostic web-component for object-arrays with CRUD functionality.\u003C/li>\\n\u003C/ul>\\n\u003Ch3 id=\\\"infinite-scroll\\\">Infinite Scroll\u003C/h3>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/Skayo/svelte-tiny-virtual-list\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/Skayo/svelte-tiny-virtual-list?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/Skayo/svelte-tiny-virtual-list?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/Skayo/svelte-tiny-virtual-list\\\" title=\\\"svelte theme\\\">Skayo/svelte-tiny-virtual-list\u003C/a> — A tiny but mighty list virtualization library, with zero dependencies.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/Skayo/svelte-infinite-loading\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/Skayo/svelte-infinite-loading?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/Skayo/svelte-infinite-loading?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/Skayo/svelte-infinite-loading\\\" title=\\\"svelte theme\\\">Skayo/svelte-infinite-loading\u003C/a> — This is heavily inspired by \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://peachscript.github.io/vue-infinite-loading/\\\" title=\\\"svelte theme\\\">vue-infinite-loading\u003C/a>.\u003C/li>\\n\u003C/ul>\\n\u003Ch3 id=\\\"overlay\\\">Overlay\u003C/h3>\\n\u003Cp>\u003Cem>Display overlay / modal / alert / dialog / lightbox / popup\u003C/em>\u003C/p>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/flekschas/svelte-simple-modal\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/flekschas/svelte-simple-modal?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/flekschas/svelte-simple-modal?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/flekschas/svelte-simple-modal\\\" title=\\\"svelte theme\\\">flekschas/svelte-simple-modal\u003C/a> — A simple, small, and content-agnostic modal.\u003C/li>\\n\u003C/ul>\\n\u003Ch3 id=\\\"notification\\\">Notification\u003C/h3>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/kbrgl/svelte-french-toast\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/kbrgl/svelte-french-toast?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/kbrgl/svelte-french-toast?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/kbrgl/svelte-french-toast\\\" title=\\\"svelte theme\\\">kbrgl/svelte-french-toast\u003C/a> - Svelte French Toast: Buttery smooth toast notifications for Svelte, inspired by React Hot Toast.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/keenethics/svelte-notifications\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/keenethics/svelte-notifications?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/keenethics/svelte-notifications?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/keenethics/svelte-notifications\\\" title=\\\"svelte theme\\\">keenethics/svelte-notifications\u003C/a> — Simple and flexible notifications system.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/beyonk-adventures/svelte-notifications\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/beyonk-adventures/svelte-notifications?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/beyonk-adventures/svelte-notifications?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/beyonk-adventures/svelte-notifications\\\" title=\\\"svelte theme\\\">beyonk-adventures/svelte-notifications\u003C/a> — Svelte toast notifications.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/kevmodrome/svelte-favicon-badge\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/kevmodrome/svelte-favicon-badge?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/kevmodrome/svelte-favicon-badge?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/kevmodrome/svelte-favicon-badge\\\" title=\\\"svelte theme\\\">kevmodrome/svelte-favicon-badge\u003C/a> — Adds a favicon and a badge.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/zerodevx/svelte-toast\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/zerodevx/svelte-toast?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/zerodevx/svelte-toast?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/zerodevx/svelte-toast\\\" title=\\\"svelte theme\\\">zerodevx/svelte-toast\u003C/a> — Simple elegant toast notifications.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/arthurclemens/dialogic\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/arthurclemens/dialogic?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/arthurclemens/dialogic?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/arthurclemens/dialogic\\\" title=\\\"svelte theme\\\">arthurclemens/dialogic\u003C/a> — Dialogic: manage dialogs and notifications.\u003C/li>\\n\u003C/ul>\\n\u003Ch3 id=\\\"tooltip\\\">Tooltip\u003C/h3>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/vaheqelyan/svelte-popover\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/vaheqelyan/svelte-popover?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/vaheqelyan/svelte-popover?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/vaheqelyan/svelte-popover\\\" title=\\\"svelte theme\\\">vaheqelyan/svelte-popover\u003C/a> — A smart popover component.\u003C/li>\\n\u003C/ul>\\n\u003Ch3 id=\\\"menu\\\">Menu\u003C/h3>\\n\u003Cp>\u003Cem>Menus / sidebars\u003C/em>\u003C/p>\\n\u003Ch3 id=\\\"sticky\\\">Sticky\u003C/h3>\\n\u003Cp>\u003Cem>Fixed headers / scroll-up headers / sticky elements\u003C/em>\u003C/p>\\n\u003Ch3 id=\\\"tabs\\\">Tabs\u003C/h3>\\n\u003Cp>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://svelte.dev/repl/7373880df7f64107b86f9e86c05f38b4?version=3.5.1\\\" title=\\\"svelte theme\\\">Tabs Component\u003C/a> - Tabs Component example.\u003C/p>\\n\u003Ch3 id=\\\"loader\\\">Loader\u003C/h3>\\n\u003Cp>\u003Cem>Loaders / spinners / progress bars — Let the user know that something is loading\u003C/em>\u003C/p>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/kaisermann/svelte-loadable\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/kaisermann/svelte-loadable?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/kaisermann/svelte-loadable?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/kaisermann/svelte-loadable\\\" title=\\\"svelte theme\\\">kaisermann/svelte-loadable\u003C/a> — Dynamically load a svelte component.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/PaulMaly/svelte-content-loader\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/PaulMaly/svelte-content-loader?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/PaulMaly/svelte-content-loader?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/PaulMaly/svelte-content-loader\\\" title=\\\"svelte theme\\\">PaulMaly/svelte-content-loader\u003C/a> — Content Loader.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/heithemmoumni/svelte-Spinkit\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/heithemmoumni/svelte-Spinkit?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/heithemmoumni/svelte-Spinkit?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/heithemmoumni/svelte-Spinkit\\\" title=\\\"svelte theme\\\">heithemmoumni/svelte-Spinkit\u003C/a> — A collection of animated loading indicators.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/stephane-vanraes/svelte-progresscircle\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/stephane-vanraes/svelte-progresscircle?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/stephane-vanraes/svelte-progresscircle?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/stephane-vanraes/svelte-progresscircle\\\" title=\\\"svelte theme\\\">stephane-vanraes/svelte-progresscircle\u003C/a> — Progress Circle.\u003C/li>\\n\u003C/ul>\\n\u003Ch3 id=\\\"carousel\\\">Carousel\u003C/h3>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/beyonk-adventures/svelte-carousel\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/beyonk-adventures/svelte-carousel?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/beyonk-adventures/svelte-carousel?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/beyonk-adventures/svelte-carousel\\\" title=\\\"svelte theme\\\">beyonk-adventures/svelte-carousel\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/Valexr/svelte-slidy\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/Valexr/svelte-slidy?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/Valexr/svelte-slidy?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/Valexr/svelte-slidy\\\" title=\\\"svelte theme\\\">Valexr/svelte-slidy\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/sciactive/multicarousel\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/sciactive/multicarousel?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/sciactive/multicarousel?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/sciactive/multicarousel\\\" title=\\\"svelte theme\\\">sciactive/multicarousel\u003C/a> — free multiple item JavaScript carousel.\u003C/li>\\n\u003C/ul>\\n\u003Ch3 id=\\\"buttons\\\">Buttons\u003C/h3>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/JHethDev/svelte-bouncy-btn\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/JHethDev/svelte-bouncy-btn?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/JHethDev/svelte-bouncy-btn?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/JHethDev/svelte-bouncy-btn\\\" title=\\\"svelte theme\\\">JHethDev/svelte-bouncy-btn\u003C/a> — A bouncy button with variable fonts.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/micha-lmxt/descent-ripple\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/micha-lmxt/descent-ripple?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/micha-lmxt/descent-ripple?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/micha-lmxt/descent-ripple\\\" title=\\\"svelte theme\\\">micha-lmxt/descent-ripple\u003C/a> — Ripple animation for buttons.\u003C/li>\\n\u003C/ul>\\n\u003Ch3 id=\\\"collapse\\\">Collapse\u003C/h3>\\n\u003Ch3 id=\\\"chart\\\">Chart\u003C/h3>\\n\u003Cp>\u003Cem>Display data in charts / graphs / diagrams\u003C/em>\u003C/p>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/Rich-Harris/pancake\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/Rich-Harris/pancake?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/Rich-Harris/pancake?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/Rich-Harris/pancake\\\" title=\\\"svelte theme\\\">Rich-Harris/pancake\u003C/a> — Experimental charting library for Svelte.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/himynameisdave/svelte-frappe-charts\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/himynameisdave/svelte-frappe-charts?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/himynameisdave/svelte-frappe-charts?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/himynameisdave/svelte-frappe-charts\\\" title=\\\"svelte theme\\\">himynameisdave/svelte-frappe-charts\u003C/a> — Svelte bindings for frappe-charts.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/liyuanqiu/echarts-for-svelte\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/liyuanqiu/echarts-for-svelte?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/liyuanqiu/echarts-for-svelte?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/liyuanqiu/echarts-for-svelte\\\" title=\\\"svelte theme\\\">liyuanqiu/echarts-for-svelte\u003C/a> — Baidu Echarts(v3.0 & v4.0) components for Svelte wrapper.\u003C/li>\\n\u003C/ul>\\n\u003Ch3 id=\\\"tree\\\">Tree\u003C/h3>\\n\u003Cp>\u003Cem>Display a tree data structure\u003C/em>\u003C/p>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/esinx/svelte-tree\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/esinx/svelte-tree?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/esinx/svelte-tree?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/esinx/svelte-tree\\\" title=\\\"svelte theme\\\">esinx/svelte-tree\u003C/a> — A tree-like outline view.\u003C/li>\\n\u003C/ul>\\n\u003Ch3 id=\\\"ui-navigation\\\">UI Navigation\u003C/h3>\\n\u003Cp>\u003Cem>Ways to navigate views\u003C/em>\u003C/p>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/beyonk-adventures/svelte-steps\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/beyonk-adventures/svelte-steps?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/beyonk-adventures/svelte-steps?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/beyonk-adventures/svelte-steps\\\" title=\\\"svelte theme\\\">beyonk-adventures/svelte-steps\u003C/a> — Progress Steps component.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/dimfeld/svelte-zoomable\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/dimfeld/svelte-zoomable?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/dimfeld/svelte-zoomable?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/dimfeld/svelte-zoomable\\\" title=\\\"svelte theme\\\">dimfeld/svelte-zoomable\u003C/a> — Zoomable UI in Svelte.\u003C/li>\\n\u003C/ul>\\n\u003Ch3 id=\\\"custom-scrollbar\\\">Custom Scrollbar\u003C/h3>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/MelihAltintas/svelte-slimscroll\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/MelihAltintas/svelte-slimscroll?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/MelihAltintas/svelte-slimscroll?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/MelihAltintas/svelte-slimscroll\\\" title=\\\"svelte theme\\\">MelihAltintas/svelte-slimscroll\u003C/a> — svelte-slimscroll is a action which can transforms any div into a scrollable area with a nice scrollbar.\u003C/li>\\n\u003C/ul>\\n\u003Ch3 id=\\\"audio--video\\\">Audio / Video\u003C/h3>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/meigo/svelte-video-player\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/meigo/svelte-video-player?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/meigo/svelte-video-player?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/meigo/svelte-video-player\\\" title=\\\"svelte theme\\\">meigo/svelte-video-player\u003C/a> — Video playback interface.\u003C/li>\\n\u003C/ul>\\n\u003Ch3 id=\\\"map\\\">Map\u003C/h3>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/beyonk-adventures/svelte-mapbox\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/beyonk-adventures/svelte-mapbox?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/beyonk-adventures/svelte-mapbox?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/beyonk-adventures/svelte-mapbox\\\" title=\\\"svelte theme\\\">beyonk-adventures/svelte-mapbox\u003C/a> — MapBox Map and Autocomplete.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/beyonk-adventures/svelte-googlemaps\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/beyonk-adventures/svelte-googlemaps?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/beyonk-adventures/svelte-googlemaps?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/beyonk-adventures/svelte-googlemaps\\\" title=\\\"svelte theme\\\">beyonk-adventures/svelte-googlemaps\u003C/a> — Google Maps Components.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/anoram/leaflet-svelte\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/anoram/leaflet-svelte?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/anoram/leaflet-svelte?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/anoram/leaflet-svelte\\\" title=\\\"svelte theme\\\">anoram/leaflet-svelte\u003C/a> — Wrapper for Leaflet.\u003C/li>\\n\u003C/ul>\\n\u003Ch3 id=\\\"time--date--age\\\">Time / Date / Age\u003C/h3>\\n\u003Cp>\u003Cem>Display time / date / age\u003C/em>\u003C/p>\\n\u003Ch3 id=\\\"photo--image\\\">Photo / Image\u003C/h3>\\n\u003Cp>\u003Cem>Display images / photos\u003C/em>\u003C/p>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/matyunya/svelte-image\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/matyunya/svelte-image?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/matyunya/svelte-image?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/matyunya/svelte-image\\\" title=\\\"svelte theme\\\">matyunya/svelte-image\u003C/a> — Image (pre)processing with Sharp.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/johnwalley/compare-image-slider\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/johnwalley/compare-image-slider?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/johnwalley/compare-image-slider?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/johnwalley/compare-image-slider\\\" title=\\\"svelte theme\\\">johnwalley/compare-image-slider\u003C/a> — Compare two images with a slider.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/stephane-vanraes/svelte-multitoneimage\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/stephane-vanraes/svelte-multitoneimage?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/stephane-vanraes/svelte-multitoneimage?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/stephane-vanraes/svelte-multitoneimage\\\" title=\\\"svelte theme\\\">stephane-vanraes/svelte-multitoneimage\u003C/a> — A simple image renderer to apply duotone effects.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://svelte.dev/repl/3a1b7fae13b242fe9cd4a4f7aa092fa4?version=3.31.2\\\" title=\\\"svelte theme\\\">GridGallery\u003C/a> — CSS GridGallery.\u003C/li>\\n\u003C/ul>\\n\u003Ch3 id=\\\"icons\\\">Icons\u003C/h3>\\n\u003Cp>\u003Cem>Display icons / icon set / emojis\u003C/em>\u003C/p>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/RobBrazier/svelte-awesome\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/RobBrazier/svelte-awesome?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/RobBrazier/svelte-awesome?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/RobBrazier/svelte-awesome\\\" title=\\\"svelte theme\\\">RobBrazier/svelte-awesome\u003C/a> — Awesome SVG icon component, built with Font Awesome icons.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/Cweili/svelte-fa\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/Cweili/svelte-fa?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/Cweili/svelte-fa?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/Cweili/svelte-fa\\\" title=\\\"svelte theme\\\">Cweili/svelte-fa\u003C/a> — Tiny FontAwesome 5.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/AnxiousDarkly/svelte-icons\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/AnxiousDarkly/svelte-icons?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/AnxiousDarkly/svelte-icons?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/AnxiousDarkly/svelte-icons\\\" title=\\\"svelte theme\\\">AnxiousDarkly/svelte-icons\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/dylanblokhuis/svelte-feather-icons\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/dylanblokhuis/svelte-feather-icons?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/dylanblokhuis/svelte-feather-icons?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/dylanblokhuis/svelte-feather-icons\\\" title=\\\"svelte theme\\\">dylanblokhuis/svelte-feather-icons\u003C/a> — Beautiful open source icons.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/beyonk-adventures/svelte-simple-icons\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/beyonk-adventures/svelte-simple-icons?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/beyonk-adventures/svelte-simple-icons?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/beyonk-adventures/svelte-simple-icons\\\" title=\\\"svelte theme\\\">beyonk-adventures/svelte-simple-icons\u003C/a> — Simple Brand Icons.\u003C/li>\\n\u003C/ul>\\n\u003Ch3 id=\\\"paginator\\\">Paginator\u003C/h3>\\n\u003Cp>\u003Cem>Display a control element to paginate\u003C/em>\u003C/p>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/thecodejack/svelte-pagination\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/thecodejack/svelte-pagination?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/thecodejack/svelte-pagination?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/thecodejack/svelte-pagination\\\" title=\\\"svelte theme\\\">thecodejack/svelte-pagination\u003C/a> — Raw SvelteJS component for dynamic pagination.\u003C/li>\\n\u003C/ul>\\n\u003Ch3 id=\\\"markdown-viewer\\\">Markdown Viewer\u003C/h3>\\n\u003Cp>\u003Cem>Display parsed markdow source\u003C/em>\u003C/p>\\n\u003Ch3 id=\\\"canvas\\\">Canvas\u003C/h3>\\n\u003Cp>\u003Cem>Sketch input using Canvas or SVG\u003C/em>\u003C/p>\\n\u003Ch3 id=\\\"social\\\">Social\u003C/h3>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/beyonk-adventures/svelte-social-auth\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/beyonk-adventures/svelte-social-auth?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/beyonk-adventures/svelte-social-auth?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/beyonk-adventures/svelte-social-auth\\\" title=\\\"svelte theme\\\">beyonk-adventures/svelte-social-auth\u003C/a> — Google and Facebook Auth.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/beyonk-adventures/svelte-facebook-pixel\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/beyonk-adventures/svelte-facebook-pixel?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/beyonk-adventures/svelte-facebook-pixel?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/beyonk-adventures/svelte-facebook-pixel\\\" title=\\\"svelte theme\\\">beyonk-adventures/svelte-facebook-pixel\u003C/a> — Facebook pixel tracking.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/beyonk-adventures/svelte-trustpilot\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/beyonk-adventures/svelte-trustpilot?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/beyonk-adventures/svelte-trustpilot?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/beyonk-adventures/svelte-trustpilot\\\" title=\\\"svelte theme\\\">beyonk-adventures/svelte-trustpilot\u003C/a> — Svelte/Vanilla JS Trustpilot Component.\u003C/li>\\n\u003C/ul>\\n\u003Ch3 id=\\\"dom-manipulation\\\">DOM Manipulation\u003C/h3>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/romkor/svelte-portal\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/romkor/svelte-portal?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/romkor/svelte-portal?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/romkor/svelte-portal\\\" title=\\\"svelte theme\\\">romkor/svelte-portal\u003C/a> — Render outside the DOM of parent component.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/nasso/svelte-teleport\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/nasso/svelte-teleport?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/nasso/svelte-teleport?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/nasso/svelte-teleport\\\" title=\\\"svelte theme\\\">nasso/svelte-teleport\u003C/a> — Teleport elements across the DOM.\u003C/li>\\n\u003C/ul>\\n\u003Ch3 id=\\\"miscellaneous\\\">Miscellaneous\u003C/h3>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/henriquehbr/svelte-typewriter\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/henriquehbr/svelte-typewriter?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/henriquehbr/svelte-typewriter?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/henriquehbr/svelte-typewriter\\\" title=\\\"svelte theme\\\">henriquehbr/svelte-typewriter\u003C/a> — A simple and reusable typewriter effect.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/daybrush/ruler\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/daybrush/ruler?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/daybrush/ruler?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/daybrush/ruler\\\" title=\\\"svelte theme\\\">daybrush/ruler\u003C/a> — A Ruler component that can draw grids and scroll infinitely.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/scottbedard/svelte-heatmap\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/scottbedard/svelte-heatmap?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/scottbedard/svelte-heatmap?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/scottbedard/svelte-heatmap\\\" title=\\\"svelte theme\\\">scottbedard/svelte-heatmap\u003C/a> — GitHub's contribution graph.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/beyonk-adventures/gdpr-cookie-consent-banner\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/beyonk-adventures/gdpr-cookie-consent-banner?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/beyonk-adventures/gdpr-cookie-consent-banner?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/beyonk-adventures/gdpr-cookie-consent-banner\\\" title=\\\"svelte theme\\\">beyonk-adventures/gdpr-cookie-consent-banner\u003C/a> — A GDPR compliant cookie consent banner.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/beyonk-adventures/svelte-google-analytics\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/beyonk-adventures/svelte-google-analytics?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/beyonk-adventures/svelte-google-analytics?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/beyonk-adventures/svelte-google-analytics\\\" title=\\\"svelte theme\\\">beyonk-adventures/svelte-google-analytics\u003C/a> — Svelte Google Analytics.\u003C/li>\\n\u003C/ul>\\n\u003Ch3 id=\\\"form-components\\\">Form Components\u003C/h3>\\n\u003Cp>\u003Cem>Let the user enter data\u003C/em>\u003C/p>\\n\u003Ch4 id=\\\"date--time-picker\\\">Date / Time picker\u003C/h4>\\n\u003Cp>\u003Cem>Date picker / time picker / datetime picker / date range picker\u003C/em>\u003C/p>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/6eDesign/svelte-calendar\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/6eDesign/svelte-calendar?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/6eDesign/svelte-calendar?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/6eDesign/svelte-calendar\\\" title=\\\"svelte theme\\\">6eDesign/svelte-calendar\u003C/a> — A lightweight datepicker with neat animations and a unique UX.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/YogliB/svelte-fullcalendar\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/YogliB/svelte-fullcalendar?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/YogliB/svelte-fullcalendar?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/YogliB/svelte-fullcalendar\\\" title=\\\"svelte theme\\\">YogliB/svelte-fullcalendar\u003C/a> — A Svelte component wrapper around FullCalendar.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/beyonk-adventures/svelte-datepicker\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/beyonk-adventures/svelte-datepicker?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/beyonk-adventures/svelte-datepicker?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/beyonk-adventures/svelte-datepicker\\\" title=\\\"svelte theme\\\">beyonk-adventures/svelte-datepicker\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/SharifClick/svelte-touch-datepicker\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/SharifClick/svelte-touch-datepicker?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/SharifClick/svelte-touch-datepicker?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/SharifClick/svelte-touch-datepicker\\\" title=\\\"svelte theme\\\">SharifClick/svelte-touch-datepicker\u003C/a>\u003C/li>\\n\u003C/ul>\\n\u003Ch4 id=\\\"emoji-picker\\\">Emoji picker\u003C/h4>\\n\u003Ch4 id=\\\"input-types\\\">Input Types\u003C/h4>\\n\u003Cp>\u003Cem>Masked inputs, specialized inputs; email / telephone number / credit card / etc.\u003C/em>\u003C/p>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/xnimorz/svelte-input-mask\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/xnimorz/svelte-input-mask?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/xnimorz/svelte-input-mask?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/xnimorz/svelte-input-mask\\\" title=\\\"svelte theme\\\">xnimorz/svelte-input-mask\u003C/a> — Input masking component.\u003C/li>\\n\u003C/ul>\\n\u003Ch4 id=\\\"autocomplete\\\">Autocomplete\u003C/h4>\\n\u003Cp>\u003Cem>Autosuggest / autocomplete / typeahead\u003C/em>\u003C/p>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/pstanoev/simple-svelte-autocomplete\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/pstanoev/simple-svelte-autocomplete?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/pstanoev/simple-svelte-autocomplete?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/pstanoev/simple-svelte-autocomplete\\\" title=\\\"svelte theme\\\">pstanoev/simple-svelte-autocomplete\u003C/a> — Simple Autocomplete / typeahead component.\u003C/li>\\n\u003C/ul>\\n\u003Ch4 id=\\\"select\\\">Select\u003C/h4>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/themarquisdesheric/simply-svelte-autocomplete\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/themarquisdesheric/simply-svelte-autocomplete?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/themarquisdesheric/simply-svelte-autocomplete?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/themarquisdesheric/simply-svelte-autocomplete\\\" title=\\\"svelte theme\\\">themarquisdesheric/simply-svelte-autocomplete\u003C/a> — A lightweight, zero-dependency component that supports theming and incorporating new entries.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/pavish/select-madu\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/pavish/select-madu?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/pavish/select-madu?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/pavish/select-madu\\\" title=\\\"svelte theme\\\">pavish/select-madu\u003C/a> — SelectMadu is a replacement for the select menu, with support for searching, multiple selections, async data loading and more.\u003C/li>\\n\u003C/ul>\\n\u003Ch4 id=\\\"color-picker\\\">Color Picker\u003C/h4>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/efeskucuk/svelte-color-picker\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/efeskucuk/svelte-color-picker?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/efeskucuk/svelte-color-picker?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/efeskucuk/svelte-color-picker\\\" title=\\\"svelte theme\\\">efeskucuk/svelte-color-picker\u003C/a>\u003C/li>\\n\u003C/ul>\\n\u003Ch4 id=\\\"toggle\\\">Toggle\u003C/h4>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/HosseinShabani/svelte-checkbox\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/HosseinShabani/svelte-checkbox?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/HosseinShabani/svelte-checkbox?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/HosseinShabani/svelte-checkbox\\\" title=\\\"svelte theme\\\">HosseinShabani/svelte-checkbox\u003C/a> — A checkbox.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/beyonk-adventures/svelte-toggle\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/beyonk-adventures/svelte-toggle?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/beyonk-adventures/svelte-toggle?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/beyonk-adventures/svelte-toggle\\\" title=\\\"svelte theme\\\">beyonk-adventures/svelte-toggle\u003C/a>\u003C/li>\\n\u003C/ul>\\n\u003Ch4 id=\\\"slider\\\">Slider\u003C/h4>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/MelihAltintas/svelte-knob\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/MelihAltintas/svelte-knob?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/MelihAltintas/svelte-knob?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/MelihAltintas/svelte-knob\\\" title=\\\"svelte theme\\\">MelihAltintas/svelte-knob\u003C/a> — Knob control.\u003C/li>\\n\u003C/ul>\\n\u003Ch4 id=\\\"radio-button\\\">Radio Button\u003C/h4>\\n\u003Ch4 id=\\\"type-select\\\">Type Select\u003C/h4>\\n\u003Cp>\u003Cem>Let the user select something (e.g. a tag) while typing\u003C/em>\u003C/p>\\n\u003Ch4 id=\\\"tag-input\\\">Tag Input\u003C/h4>\\n\u003Cp>\u003Cem>Let the user add multiple tags in a single input\u003C/em>\u003C/p>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/beyonk-adventures/svelte-tag-input\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/beyonk-adventures/svelte-tag-input?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/beyonk-adventures/svelte-tag-input?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/beyonk-adventures/svelte-tag-input\\\" title=\\\"svelte theme\\\">beyonk-adventures/svelte-tag-input\u003C/a> — Lightweight tag input for Svelte and Vanilla JS.\u003C/li>\\n\u003C/ul>\\n\u003Ch4 id=\\\"autosize-input--textarea\\\">Autosize Input / Textarea\u003C/h4>\\n\u003Ch4 id=\\\"star-rating\\\">Star Rating\u003C/h4>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/emrekara37/svelte-rate-it\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/emrekara37/svelte-rate-it?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/emrekara37/svelte-rate-it?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/emrekara37/svelte-rate-it\\\" title=\\\"svelte theme\\\">emrekara37/svelte-rate-it\u003C/a>\u003C/li>\\n\u003C/ul>\\n\u003Ch4 id=\\\"drag-and-drop\\\">Drag and Drop\u003C/h4>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/isaacHagoel/svelte-dnd-action\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/isaacHagoel/svelte-dnd-action?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/isaacHagoel/svelte-dnd-action?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/isaacHagoel/svelte-dnd-action\\\" title=\\\"svelte theme\\\">isaacHagoel/svelte-dnd-action\u003C/a>\u003C/li>\\n\u003C/ul>\\n\u003Ch4 id=\\\"sortable-list\\\">Sortable List\u003C/h4>\\n\u003Cp>\u003Cem>Let the user define an order on a list\u003C/em>\u003C/p>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/Zimtir/svelte-item-list\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/Zimtir/svelte-item-list?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/Zimtir/svelte-item-list?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/Zimtir/svelte-item-list\\\" title=\\\"svelte theme\\\">Zimtir/svelte-item-list\u003C/a> — Item list.\u003C/li>\\n\u003C/ul>\\n\u003Ch4 id=\\\"rich-text-editor\\\">Rich Text Editor\u003C/h4>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/easylogic/svelte-summernote\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/easylogic/svelte-summernote?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/easylogic/svelte-summernote?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/easylogic/svelte-summernote\\\" title=\\\"svelte theme\\\">easylogic/svelte-summernote\u003C/a> — Extension for summernote.\u003C/li>\\n\u003C/ul>\\n\u003Ch4 id=\\\"markdown-editor\\\">Markdown Editor\u003C/h4>\\n\u003Ch4 id=\\\"image-editing\\\">Image Editing\u003C/h4>\\n\u003Cp>\u003Cem>Image manipulation\u003C/em>\u003C/p>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/ValentinH/svelte-easy-crop\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/ValentinH/svelte-easy-crop?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/ValentinH/svelte-easy-crop?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/ValentinH/svelte-easy-crop\\\" title=\\\"svelte theme\\\">ValentinH/svelte-easy-crop\u003C/a> — Crop images.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/saabi/svelte-image-encoder\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/saabi/svelte-image-encoder?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/saabi/svelte-image-encoder?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/saabi/svelte-image-encoder\\\" title=\\\"svelte theme\\\">saabi/svelte-image-encoder\u003C/a> — For editing and compressing profile pictures before upload to a server.\u003C/li>\\n\u003C/ul>\\n\u003Ch4 id=\\\"form-component-collections\\\">Form Component Collections\u003C/h4>\\n\u003Ch4 id=\\\"miscellaneous-1\\\">Miscellaneous\u003C/h4>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/yazonnile/svelidation\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/yazonnile/svelidation?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/yazonnile/svelidation?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/yazonnile/svelidation\\\" title=\\\"svelte theme\\\">yazonnile/svelidation\u003C/a> — Validation library.\u003C/li>\\n\u003C/ul>\\n\u003Ch4 id=\\\"syntax-highlight\\\">Syntax Highlight\u003C/h4>\\n\u003Ch2 id=\\\"ui-layout\\\">UI Layout\u003C/h2>\\n\u003Cp>\u003Cem>Components to layout the app's UI\u003C/em>\u003C/p>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/vaheqelyan/svelte-grid\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/vaheqelyan/svelte-grid?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/vaheqelyan/svelte-grid?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/vaheqelyan/svelte-grid\\\" title=\\\"svelte theme\\\">vaheqelyan/svelte-grid\u003C/a> — A responsive, draggable and resizable grid layout.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/andrelmlins/svelte-grid-responsive\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/andrelmlins/svelte-grid-responsive?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/andrelmlins/svelte-grid-responsive?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/andrelmlins/svelte-grid-responsive\\\" title=\\\"svelte theme\\\">andrelmlins/svelte-grid-responsive\u003C/a> — Responsive grid system based on Bootstrap.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/Readiz/svelte-split-pane\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/Readiz/svelte-split-pane?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/Readiz/svelte-split-pane?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/Readiz/svelte-split-pane\\\" title=\\\"svelte theme\\\">Readiz/svelte-split-pane\u003C/a>\u003C/li>\\n\u003C/ul>\\n\u003Ch2 id=\\\"ui-animation\\\">UI Animation\u003C/h2>\\n\u003Cp>\u003Cem>Animate transitions\u003C/em>\u003C/p>\\n\u003Ch3 id=\\\"parallax\\\">Parallax\u003C/h3>\\n\u003Ch2 id=\\\"ui-frameworks\\\">UI Frameworks\u003C/h2>\\n\u003Ch3 id=\\\"responsive\\\">Responsive\u003C/h3>\\n\u003Cp>\u003Cem>Set of components + responsive layout system\u003C/em>\u003C/p>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/illright/attractions\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/illright/attractions?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/illright/attractions?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/illright/attractions\\\" title=\\\"svelte theme\\\">illright/attractions\u003C/a> — A pretty cool UI kit for Svelte.\u003C/li>\\n\u003C/ul>\\n\u003Ch4 id=\\\"material-design\\\">Material Design\u003C/h4>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/hperrin/svelte-material-ui\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/hperrin/svelte-material-ui?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/hperrin/svelte-material-ui?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/hperrin/svelte-material-ui\\\" title=\\\"svelte theme\\\">hperrin/svelte-material-ui\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/matyunya/smelte\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/matyunya/smelte?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/matyunya/smelte?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/matyunya/smelte\\\" title=\\\"svelte theme\\\">matyunya/smelte\u003C/a> — UI framework with material components built with Svelte and Tailwind CSS.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/TheComputerM/svelte-materialify\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/TheComputerM/svelte-materialify?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/TheComputerM/svelte-materialify?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/TheComputerM/svelte-materialify\\\" title=\\\"svelte theme\\\">TheComputerM/svelte-materialify\u003C/a> — Inspired by vuetify.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/svelte-toolbox/svelte-toolbox\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/svelte-toolbox/svelte-toolbox?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/svelte-toolbox/svelte-toolbox?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/svelte-toolbox/svelte-toolbox\\\" title=\\\"svelte theme\\\">svelte-toolbox/svelte-toolbox\u003C/a>\u003C/li>\\n\u003C/ul>\\n\u003Ch4 id=\\\"carbon\\\">Carbon\u003C/h4>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/IBM/carbon-components-svelte\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/IBM/carbon-components-svelte?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/IBM/carbon-components-svelte?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/IBM/carbon-components-svelte\\\" title=\\\"svelte theme\\\">IBM/carbon-components-svelte\u003C/a> — Carbon Design System.\u003C/li>\\n\u003C/ul>\\n\u003Ch4 id=\\\"bootstrap\\\">Bootstrap\u003C/h4>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/bestguy/sveltestrap\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/bestguy/sveltestrap?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/bestguy/sveltestrap?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/bestguy/sveltestrap\\\" title=\\\"svelte theme\\\">bestguy/sveltestrap\u003C/a> — Bootstrap 4 components for Svelte.\u003C/li>\\n\u003C/ul>\\n\u003Ch4 id=\\\"agnosticui\\\">AgnosticUI\u003C/h4>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/agnosticui/angosticui\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/agnosticui/agnosticui?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/agnosticui/agnosticui?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/agnosticui/agnosticui\\\" title=\\\"svelte theme\\\">agnosticui\u003C/a> — Accessible Svelte Component Primitives (that also work with React, Vue 3, and Angular).\u003C/li>\\n\u003C/ul>\\n\u003Ch3 id=\\\"mobile\\\">Mobile\u003C/h3>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/halfnelson/svelte-native\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/halfnelson/svelte-native?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/halfnelson/svelte-native?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/halfnelson/svelte-native\\\" title=\\\"svelte theme\\\">halfnelson/svelte-native\u003C/a> — Svelte controlling native components via Nativescript.\u003C/li>\\n\u003C/ul>\\n\u003Ch3 id=\\\"component-collections\\\">Component Collections\u003C/h3>\\n\u003Ch2 id=\\\"ui-utilities\\\">UI Utilities\u003C/h2>\\n\u003Ch3 id=\\\"reporter\\\">Reporter\u003C/h3>\\n\u003Cp>\u003Cem>Report computed styles\u003C/em>\u003C/p>\\n\u003Ch4 id=\\\"visibility-reporter\\\">Visibility Reporter\u003C/h4>\\n\u003Cp>\u003Cem>Report when a component becomes visible/hidden\u003C/em>\u003C/p>\\n\u003Ch4 id=\\\"measurement-reporter\\\">Measurement Reporter\u003C/h4>\\n\u003Cp>\u003Cem>Determine and report measurements of an element\u003C/em>\u003C/p>\\n\u003Ch3 id=\\\"device-input\\\">Device Input\u003C/h3>\\n\u003Cp>\u003Cem>Turn user input into actions\u003C/em>\u003C/p>\\n\u003Ch4 id=\\\"keyboard-events\\\">Keyboard Events\u003C/h4>\\n\u003Ch4 id=\\\"scroll-events\\\">Scroll Events\u003C/h4>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/beyonk-adventures/svelte-scrollspy\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/beyonk-adventures/svelte-scrollspy?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/beyonk-adventures/svelte-scrollspy?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/beyonk-adventures/svelte-scrollspy\\\" title=\\\"svelte theme\\\">beyonk-adventures/svelte-scrollspy\u003C/a> — Scroll Spy component\u003C/li>\\n\u003C/ul>\\n\u003Ch4 id=\\\"touch-swipe\\\">Touch Swipe\u003C/h4>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/SharifClick/svelte-swipe\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/SharifClick/svelte-swipe?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/SharifClick/svelte-swipe?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/SharifClick/svelte-swipe\\\" title=\\\"svelte theme\\\">SharifClick/svelte-swipe\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/tncrazvan/svelte-liquid-swipe\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/tncrazvan/svelte-liquid-swipe?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/tncrazvan/svelte-liquid-swipe?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/tncrazvan/svelte-liquid-swipe\\\" title=\\\"svelte theme\\\">tncrazvan/svelte-liquid-swipe\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/Anyass3/sidebar-swipe\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/Anyass3/sidebar-swipe?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/Anyass3/sidebar-swipe?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/Anyass3/sidebar-swipe\\\" title=\\\"svelte theme\\\">Anyass3/sidebar-swipe\u003C/a> — Sidebar Swipeable ideally for touch screen devices.\u003C/li>\\n\u003C/ul>\\n\u003Ch4 id=\\\"mouse-events\\\">Mouse Events\u003C/h4>\\n\u003Ch3 id=\\\"meta-tags\\\">Meta Tags\u003C/h3>\\n\u003Cp>\u003Cem>Set meta tags, \u003Ctitle>, children of \u003Chead>\u003C/em>\u003C/p>\\n\u003Ch3 id=\\\"portal\\\">Portal\u003C/h3>\\n\u003Cp>\u003Cem>Render an element at an arbitrary DOM node\u003C/em>\u003C/p>\\n\u003Ch3 id=\\\"test-user-behavior\\\">Test User Behavior\u003C/h3>\\n\u003Cp>\u003Cem>A/B tests, experiments, ...\u003C/em>\u003C/p>\\n\u003Ch2 id=\\\"code-design\\\">Code Design\u003C/h2>\\n\u003Cp>\u003Cem>Libraries that help with code design\u003C/em>\u003C/p>\\n\u003Ch3 id=\\\"data-store\\\">Data Store\u003C/h3>\\n\u003Cp>\u003Cem>Data flow / data management / data stores / components state / data flow\u003C/em>\u003C/p>\\n\u003Ch3 id=\\\"form-logic\\\">Form Logic\u003C/h3>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/mdauner/sveltejs-forms\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/mdauner/sveltejs-forms?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/mdauner/sveltejs-forms?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/mdauner/sveltejs-forms\\\" title=\\\"svelte theme\\\">mdauner/sveltejs-forms\u003C/a> — Declarative forms for Svelte.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/noahsalvi/svelte-use-form\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/noahsalvi/svelte-use-form?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/noahsalvi/svelte-use-form?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/noahsalvi/svelte-use-form\\\" title=\\\"svelte theme\\\">noahsalvi/svelte-use-form\u003C/a> — Control and validate forms and their inputs.\u003C/li>\\n\u003C/ul>\\n\u003Ch3 id=\\\"router\\\">Router\u003C/h3>\\n\u003Cdetails>\\n \u003Csummary>Summary\u003C/summary>\\n \\n\u003Ctable>\\n\u003Cthead>\\n\u003Ctr>\\n\u003Cth>\u003C/th>\\n\u003Cth align=\\\"center\\\">SSR\u003C/th>\\n\u003Cth align=\\\"center\\\">History API\u003C/th>\\n\u003Cth align=\\\"center\\\">Hash Mode\u003C/th>\\n\u003Cth align=\\\"center\\\">Memory Mode (no URL update)\u003C/th>\\n\u003Cth align=\\\"center\\\">Query Parsing ?x=42&s=a,b,c\u003C/th>\\n\u003Cth align=\\\"center\\\">Page Leave Guards\u003C/th>\\n\u003Cth align=\\\"center\\\">Navigation Hooks\u003C/th>\\n\u003Cth align=\\\"center\\\">Nested Routes\u003C/th>\\n\u003Cth align=\\\"center\\\">Custom User Data\u003C/th>\\n\u003Cth align=\\\"center\\\">CSS Transitions\u003C/th>\\n\u003Cth align=\\\"center\\\">Routes Lazy load\u003C/th>\\n\u003Cth align=\\\"center\\\">Default Fallbacks\u003C/th>\\n\u003Cth align=\\\"center\\\">Forced Redirects\u003C/th>\\n\u003Cth align=\\\"center\\\">Several routers\u003C/th>\\n\u003C/tr>\\n\u003C/thead>\\n\u003Ctbody>\u003Ctr>\\n\u003Ctd>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/EmilTholin/svelte-routing\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/EmilTholin/svelte-routing?label=EmilTholin/svelte-routing%20⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/EmilTholin/svelte-routing?label=EmilTholin/svelte-routing%20⭐&logo=_&style=social title=\\\"EmilTholin/svelte-routing\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a>\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003C/tr>\\n\u003Ctr>\\n\u003Ctd>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/sveltech/routify\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/sveltech/routify?label=sveltech/routify%20⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/sveltech/routify?label=sveltech/routify%20⭐&logo=_&style=social title=\\\"sveltech/routify\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a>\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003C/tr>\\n\u003Ctr>\\n\u003Ctd>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/ItalyPaleAle/svelte-spa-router\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/ItalyPaleAle/svelte-spa-router?label=ItalyPaleAle/svelte-spa-router%20⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/ItalyPaleAle/svelte-spa-router?label=ItalyPaleAle/svelte-spa-router%20⭐&logo=_&style=social title=\\\"ItalyPaleAle/svelte-spa-router\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a>\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003C/tr>\\n\u003Ctr>\\n\u003Ctd>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/AlexxNB/tinro\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/AlexxNB/tinro?label=AlexxNB/tinro%20⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/AlexxNB/tinro?label=AlexxNB/tinro%20⭐&logo=_&style=social title=\\\"AlexxNB/tinro\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a>\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003C/tr>\\n\u003Ctr>\\n\u003Ctd>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/jorgegorka/svelte-router\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/jorgegorka/svelte-router?label=jorgegorka/svelte-router%20⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/jorgegorka/svelte-router?label=jorgegorka/svelte-router%20⭐&logo=_&style=social title=\\\"jorgegorka/svelte-router\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a>\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003C/tr>\\n\u003Ctr>\\n\u003Ctd>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/pateketrueke/yrv\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/pateketrueke/yrv?label=pateketrueke/yrv%20⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/pateketrueke/yrv?label=pateketrueke/yrv%20⭐&logo=_&style=social title=\\\"pateketrueke/yrv\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a>\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003C/tr>\\n\u003Ctr>\\n\u003Ctd>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/easyroute-router/svelte-easyroute\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/easyroute-router/svelte-easyroute?label=easyroute-router/svelte-easyroute%20⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/easyroute-router/svelte-easyroute?label=easyroute-router/svelte-easyroute%20⭐&logo=_&style=social title=\\\"easyroute-router/svelte-easyroute\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a>\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003C/tr>\\n\u003Ctr>\\n\u003Ctd>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/mefechoel/svelte-navigator\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/mefechoel/svelte-navigator?label=mefechoel/svelte-navigator%20⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/mefechoel/svelte-navigator?label=mefechoel/svelte-navigator%20⭐&logo=_&style=social title=\\\"mefechoel/svelte-navigator\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a>\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003C/tr>\\n\u003Ctr>\\n\u003Ctd>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/PaulMaly/svelte-pathfinder\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/PaulMaly/svelte-pathfinder?label=PaulMaly/svelte-pathfinder%20⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/PaulMaly/svelte-pathfinder?label=PaulMaly/svelte-pathfinder%20⭐&logo=_&style=social title=\\\"PaulMaly/svelte-pathfinder\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a>\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003C/tr>\\n\u003Ctr>\\n\u003Ctd>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/bluwy/svelte-router\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/bluwy/svelte-router?label=bluwy/svelte-router%20⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/bluwy/svelte-router?label=bluwy/svelte-router%20⭐&logo=_&style=social title=\\\"bluwy/svelte-router\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a>\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003C/tr>\\n\u003Ctr>\\n\u003Ctd>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/routve/routve\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/routve/routve?label=routve/routve%20⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/routve/routve?label=routve/routve%20⭐&logo=_&style=social title=\\\"routve/routve\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a>\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003C/tr>\\n\u003Ctr>\\n\u003Ctd>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/dievardump/yasp-router\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/dievardump/yasp-router?label=dievardump/yasp-router%20⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/dievardump/yasp-router?label=dievardump/yasp-router%20⭐&logo=_&style=social title=\\\"dievardump/yasp-router\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a>\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003C/tr>\\n\u003Ctr>\\n\u003Ctd>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/shaunlee/svelterouter\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/shaunlee/svelterouter?label=shaunlee/svelterouter%20⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/shaunlee/svelterouter?label=shaunlee/svelterouter%20⭐&logo=_&style=social title=\\\"shaunlee/svelterouter\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a>\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:white_check_mark:\u003C/td>\\n\u003Ctd align=\\\"center\\\">:x:\u003C/td>\\n\u003C/tr>\\n\u003C/tbody>\u003C/table>\\n\u003C/details>\\n\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/EmilTholin/svelte-routing\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/EmilTholin/svelte-routing?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/EmilTholin/svelte-routing?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/EmilTholin/svelte-routing\\\" title=\\\"svelte theme\\\">EmilTholin/svelte-routing\u003C/a> — A declarative Svelte routing library with SSR support.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/sveltech/routify\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/sveltech/routify?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/sveltech/routify?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/sveltech/routify\\\" title=\\\"svelte theme\\\">sveltech/routify\u003C/a> — Automated Svelte routes\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/ItalyPaleAle/svelte-spa-router\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/ItalyPaleAle/svelte-spa-router?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/ItalyPaleAle/svelte-spa-router?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/ItalyPaleAle/svelte-spa-router\\\" title=\\\"svelte theme\\\">ItalyPaleAle/svelte-spa-router\u003C/a> — Router for SPAs using Svelte 3\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/AlexxNB/tinro\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/AlexxNB/tinro?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/AlexxNB/tinro?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/AlexxNB/tinro\\\" title=\\\"svelte theme\\\">AlexxNB/tinro\u003C/a> — Highly declarative, very tiny, dependency free router for Svelte's web applications.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/jorgegorka/svelte-router\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/jorgegorka/svelte-router?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/jorgegorka/svelte-router?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/jorgegorka/svelte-router\\\" title=\\\"svelte theme\\\">jorgegorka/svelte-router\u003C/a> — Includes localisation, guards and nested layouts.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/pateketrueke/yrv\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/pateketrueke/yrv?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/pateketrueke/yrv?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/pateketrueke/yrv\\\" title=\\\"svelte theme\\\">pateketrueke/yrv\u003C/a> — Built on top of \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://www.npmjs.com/package/abstract-nested-router\\\" title=\\\"svelte theme\\\">abstract-nested-router\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/easyroute-router/svelte-easyroute\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/easyroute-router/svelte-easyroute?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/easyroute-router/svelte-easyroute?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/easyroute-router/svelte-easyroute\\\" title=\\\"svelte theme\\\">easyroute-router/svelte-easyroute\u003C/a> — Like Vue Router. Supports history and hash mode, navigation guards, base path.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/mefechoel/svelte-navigator\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/mefechoel/svelte-navigator?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/mefechoel/svelte-navigator?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/mefechoel/svelte-navigator\\\" title=\\\"svelte theme\\\">mefechoel/svelte-navigator\u003C/a> — Simple, accessible routing for Svelte.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/PaulMaly/svelte-pathfinder\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/PaulMaly/svelte-pathfinder?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/PaulMaly/svelte-pathfinder?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/PaulMaly/svelte-pathfinder\\\" title=\\\"svelte theme\\\">PaulMaly/svelte-pathfinder\u003C/a> — State-based router for Svelte 3.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/bluwy/svelte-router\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/bluwy/svelte-router?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/bluwy/svelte-router?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/bluwy/svelte-router\\\" title=\\\"svelte theme\\\">bluwy/svelte-router\u003C/a> — An easy-to-use SPA router for Svelte.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/routve/routve\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/routve/routve?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/routve/routve?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/routve/routve\\\" title=\\\"svelte theme\\\">routve/routve\u003C/a> — Routve is an advanced Svelte 3 router.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/dievardump/yasp-router\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/dievardump/yasp-router?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/dievardump/yasp-router?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/dievardump/yasp-router\\\" title=\\\"svelte theme\\\">dievardump/yasp-router\u003C/a> — Router for Svelte 3.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/shaunlee/svelterouter\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/shaunlee/svelterouter?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/shaunlee/svelterouter?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/shaunlee/svelterouter\\\" title=\\\"svelte theme\\\">shaunlee/svelterouter\u003C/a> — Another vue-router inspired Svelte router.\u003C/li>\\n\u003C/ul>\\n\u003Ch3 id=\\\"props-from-server\\\">Props from server\u003C/h3>\\n\u003Cp>\u003Cem>Component properties asynchronously fetched over the network\u003C/em>\u003C/p>\\n\u003Ch3 id=\\\"communication-with-server\\\">Communication with server\u003C/h3>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/SvelteStack/svelte-query\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/SvelteStack/svelte-query?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/SvelteStack/svelte-query?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/SvelteStack/svelte-query\\\" title=\\\"svelte theme\\\">SvelteStack/svelte-query\u003C/a> — Performant and powerful remote data synchronization.\u003C/li>\\n\u003C/ul>\\n\u003Ch3 id=\\\"css--style\\\">CSS / Style\u003C/h3>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/josefaidt/svelte-themer\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/josefaidt/svelte-themer?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/josefaidt/svelte-themer?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/josefaidt/svelte-themer\\\" title=\\\"svelte theme\\\">josefaidt/svelte-themer\u003C/a> — A theming engine for your Svelte apps using CSS.\u003C/li>\\n\u003C/ul>\\n\u003Ch3 id=\\\"html-template\\\">HTML Template\u003C/h3>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/l-portet/svelte-switch-case\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/l-portet/svelte-switch-case?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/l-portet/svelte-switch-case?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/l-portet/svelte-switch-case\\\" title=\\\"svelte theme\\\">l-portet/svelte-switch-case\u003C/a> — Switch case syntax for Svelte.\u003C/li>\\n\u003C/ul>\\n\u003Ch3 id=\\\"isomorphic-apps\\\">Isomorphic Apps\u003C/h3>\\n\u003Ch3 id=\\\"boilerplate\\\">Boilerplate\u003C/h3>\\n\u003Cp>\u003Cem>Scaffold / starter kit / Yeoman generator / stack ensemble / seed\u003C/em>\u003C/p>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/YogliB/svelte-component-template\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/YogliB/svelte-component-template?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/YogliB/svelte-component-template?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/YogliB/svelte-component-template\\\" title=\\\"svelte theme\\\">YogliB/svelte-component-template\u003C/a> — A base for building shareable components.\u003C/li>\\n\u003C/ul>\\n\u003Ch3 id=\\\"miscellaneous-2\\\">Miscellaneous\u003C/h3>\\n\u003Ch2 id=\\\"utilities\\\">Utilities\u003C/h2>\\n\u003Ch3 id=\\\"i18n\\\">i18n\u003C/h3>\\n\u003Cp>\u003Cem>Internationalization / L10n / localization / translation\u003C/em>\u003C/p>\\n\u003Ch3 id=\\\"framework-bindings--integrations\\\">Framework bindings / integrations\u003C/h3>\\n\u003Ch3 id=\\\"integrations-with-third-party-services\\\">Integrations with Third Party Services\u003C/h3>\\n\u003Ch2 id=\\\"performance\\\">Performance\u003C/h2>\\n\u003Ch3 id=\\\"ui\\\">UI\u003C/h3>\\n\u003Ch4 id=\\\"inspect\\\">Inspect\u003C/h4>\\n\u003Ch4 id=\\\"lazy-load\\\">Lazy Load\u003C/h4>\\n\u003Ch3 id=\\\"app-size\\\">App Size\u003C/h3>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/halfnelson/svelte-it-will-scale\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/halfnelson/svelte-it-will-scale?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/halfnelson/svelte-it-will-scale?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/halfnelson/svelte-it-will-scale\\\" title=\\\"svelte theme\\\">halfnelson/svelte-it-will-scale\u003C/a> — Generate a chart showing svelte's overhead.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://svelte-scaling.acmion.com/\\\" title=\\\"svelte theme\\\">Does Svelte Scale?\u003C/a>\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://medium.com/javascript-in-plain-english/javascript-frameworks-performance-comparison-2020-cd881ac21fce\\\" title=\\\"svelte theme\\\">JavaScript Frameworks, Performance Comparison 2020\u003C/a>\u003C/li>\\n\u003C/ul>\\n\u003Ch3 id=\\\"server-side-rendering\\\">Server-Side Rendering\u003C/h3>\\n\u003Ch2 id=\\\"state-management\\\">State Management\u003C/h2>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/dmaevsky/tinyx\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/dmaevsky/tinyx?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/dmaevsky/tinyx?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/dmaevsky/tinyx\\\" title=\\\"svelte theme\\\">dmaevsky/tinyx\u003C/a> — A tiny state manager for big applications.\u003C/li>\\n\u003C/ul>\\n\u003Ch2 id=\\\"dev-tools\\\">Dev Tools\u003C/h2>\\n\u003Ch3 id=\\\"test\\\">Test\u003C/h3>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/vidigas/svelte-feature-flag\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/vidigas/svelte-feature-flag?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/vidigas/svelte-feature-flag?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/vidigas/svelte-feature-flag\\\" title=\\\"svelte theme\\\">vidigas/svelte-feature-flag\u003C/a> — Feature flags (toggle) module.\u003C/li>\\n\u003C/ul>\\n\u003Ch3 id=\\\"inspect-1\\\">Inspect\u003C/h3>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/RedHatter/svelte-devtools\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/RedHatter/svelte-devtools?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/RedHatter/svelte-devtools?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/RedHatter/svelte-devtools\\\" title=\\\"svelte theme\\\">RedHatter/svelte-devtools\u003C/a> — Inspect the state and component hierarchies in the Developer Tools.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/qutran/svelte-inspector\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/qutran/svelte-inspector?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/qutran/svelte-inspector?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/qutran/svelte-inspector\\\" title=\\\"svelte theme\\\">qutran/svelte-inspector\u003C/a> — Development helper for inspecting and opening svelte components in your editor.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://addons.mozilla.org/en-US/firefox/addon/svelte-reactive-debugger\\\" title=\\\"svelte theme\\\">svelte-reactive-debugger\u003C/a> — Svelte Reactive Debugger.\u003C/li>\\n\u003C/ul>\\n\u003Ch3 id=\\\"miscellaneous-3\\\">Miscellaneous\u003C/h3>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/sveltejs/prettier-plugin-svelte\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/sveltejs/prettier-plugin-svelte?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/sveltejs/prettier-plugin-svelte?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/sveltejs/prettier-plugin-svelte\\\" title=\\\"svelte theme\\\">sveltejs/prettier-plugin-svelte\u003C/a> — Format your svelte components using prettier.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/Rich-Harris/react-svelte\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/Rich-Harris/react-svelte?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/Rich-Harris/react-svelte?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/Rich-Harris/react-svelte\\\" title=\\\"svelte theme\\\">Rich-Harris/react-svelte\u003C/a> — Use Svelte components inside a React app.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/pngwn/svelte-adapter\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/pngwn/svelte-adapter?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/pngwn/svelte-adapter?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/pngwn/svelte-adapter\\\" title=\\\"svelte theme\\\">pngwn/svelte-adapter\u003C/a> — Use Svelte components within Vue and React applications.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/AlexxNB/svelte-docs\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/AlexxNB/svelte-docs?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/AlexxNB/svelte-docs?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/AlexxNB/svelte-docs\\\" title=\\\"svelte theme\\\">AlexxNB/svelte-docs\u003C/a> — Write documentation for your Svelte components.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/jesseskinner/svelte-react\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/jesseskinner/svelte-react?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/jesseskinner/svelte-react?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/jesseskinner/svelte-react\\\" title=\\\"svelte theme\\\">jesseskinner/svelte-react\u003C/a> — Use React components inside Svelte apps.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/KoRnFactory/svelte-injector\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/KoRnFactory/svelte-injector?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/KoRnFactory/svelte-injector?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/KoRnFactory/svelte-injector\\\" title=\\\"svelte theme\\\">KoRnFactory/svelte-injector\u003C/a> — Use Svelte components inside other frameworks.\u003C/li>\\n\u003C/ul>\\n\u003Ch2 id=\\\"miscellaneous-4\\\">Miscellaneous\u003C/h2>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/DeMoorJasper/parcel-plugin-svelte\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/DeMoorJasper/parcel-plugin-svelte?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/DeMoorJasper/parcel-plugin-svelte?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/DeMoorJasper/parcel-plugin-svelte\\\" title=\\\"svelte theme\\\">DeMoorJasper/parcel-plugin-svelte\u003C/a> — A parcel plugin with svelte support.\u003C/li>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/dominikg/svite\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/dominikg/svite?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/dominikg/svite?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/dominikg/svite\\\" title=\\\"svelte theme\\\">dominikg/svite\u003C/a> — Svelte Integration for vite.\u003C/li>\\n\u003C/ul>\\n\u003Ch3 id=\\\"static-website-generator\\\">Static Website Generator\u003C/h3>\\n\u003Cul>\\n\u003Cli>\u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/YeungKC/Hakuba\\\" title=\\\"svelte theme\\\">\u003Ca rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://img.shields.io/github/stars/YeungKC/Hakuba?label=⭐&logo=_&style=social\\\" target=\\\"_blank\\\">\u003Cimg src=https://img.shields.io/github/stars/YeungKC/Hakuba?label=⭐&logo=_&style=social title=\\\"\\\" loading=\\\"lazy\\\" />\u003C/a>\u003C/a> \u003Ca target=\\\"_blank\\\" rel=\\\"nofollow noreferrer noopener external\\\" href=\\\"https://github.com/YeungKC/Hakuba\\\" title=\\\"svelte theme\\\">Hakuba\u003C/a> - A fast blog starter driven by Github discussions for all data.\u003C/li>\\n\u003C/ul>\\n\u003Ch2 id=\\\"cloud-solutions\\\">Cloud Solutions\u003C/h2>\\n\u003Ch3 id=\\\"databases\\\">Databases\u003C/h3>\\n\"}"}</script> <script> { __sveltekit_1hu7o6s = { base: new URL("..", location).pathname.slice(0, -1), env: {} }; const element = document.currentScript.parentElement; const data = [null,null]; Promise.all([ import("../_app/immutable/entry/start.fef071ab.js"), import("../_app/immutable/entry/app.08b727d9.js") ]).then(([kit, app]) => { kit.start(app, element, { node_ids: [0, 6], data, form: null, error: null }); }); if ('serviceWorker' in navigator) { addEventListener('load', function () { navigator.serviceWorker.register('../service-worker.js'); }); } } </script> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" crossorigin="anonymous"></script> </div> </body> </html>