Awesome Svelte

Awesome Svelte: Useful resources for developing Svelte applications

#svelte #sveltejs #awesome #awesome-list #awesome-lists

Demo Download

⭐ the project to show your appreciation. :arrow_upper_right:

— A curated newsletter for Svelte enthusiasts.

UI Components
UI Layout
UI Animation
- Parallax
UI Frameworks
UI Utilities
Code Design
Utilities
Performance
State Management
Dev Tools
Miscellaneous
- Static Website Generator
Cloud Solutions
- Databases

UI Components

Editable data grid / spreadsheet

bsssshhhhhhh/svelte-data-grid — Lightweight and powerful data grid.

Table

dasDaniel/svelte-table — Table implementation that allows sorting and filtering.
vincjo/svelte-simple-datatables
ivosdc/svelte-generic-crud-table — Agnostic web-component for object-arrays with CRUD functionality.

Infinite Scroll

Skayo/svelte-tiny-virtual-list — A tiny but mighty list virtualization library, with zero dependencies.
Skayo/svelte-infinite-loading — This is heavily inspired by vue-infinite-loading.

Overlay

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

flekschas/svelte-simple-modal — A simple, small, and content-agnostic modal.

Notification

kbrgl/svelte-french-toast - Svelte French Toast: Buttery smooth toast notifications for Svelte, inspired by React Hot Toast.
keenethics/svelte-notifications — Simple and flexible notifications system.
beyonk-adventures/svelte-notifications — Svelte toast notifications.
kevmodrome/svelte-favicon-badge — Adds a favicon and a badge.
zerodevx/svelte-toast — Simple elegant toast notifications.
arthurclemens/dialogic — Dialogic: manage dialogs and notifications.

vaheqelyan/svelte-popover — A smart popover component.

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

kaisermann/svelte-loadable — Dynamically load a svelte component.
PaulMaly/svelte-content-loader — Content Loader.
heithemmoumni/svelte-Spinkit — A collection of animated loading indicators.
stephane-vanraes/svelte-progresscircle — Progress Circle.

Carousel

beyonk-adventures/svelte-carousel
Valexr/svelte-slidy
sciactive/multicarousel — free multiple item JavaScript carousel.

Buttons

JHethDev/svelte-bouncy-btn — A bouncy button with variable fonts.
micha-lmxt/descent-ripple — Ripple animation for buttons.

Collapse

Chart

Display data in charts / graphs / diagrams

Rich-Harris/pancake — Experimental charting library for Svelte.
himynameisdave/svelte-frappe-charts — Svelte bindings for frappe-charts.
liyuanqiu/echarts-for-svelte — Baidu Echarts(v3.0 & v4.0) components for Svelte wrapper.

Tree

Display a tree data structure

esinx/svelte-tree — A tree-like outline view.

Ways to navigate views

beyonk-adventures/svelte-steps — Progress Steps component.
dimfeld/svelte-zoomable — Zoomable UI in Svelte.

Custom Scrollbar

MelihAltintas/svelte-slimscroll — svelte-slimscroll is a action which can transforms any div into a scrollable area with a nice scrollbar.

Audio / Video

meigo/svelte-video-player — Video playback interface.

Map

beyonk-adventures/svelte-mapbox — MapBox Map and Autocomplete.
beyonk-adventures/svelte-googlemaps — Google Maps Components.
anoram/leaflet-svelte — Wrapper for Leaflet.

Time / Date / Age

Display time / date / age

Photo / Image

Display images / photos

matyunya/svelte-image — Image (pre)processing with Sharp.
johnwalley/compare-image-slider — Compare two images with a slider.
stephane-vanraes/svelte-multitoneimage — A simple image renderer to apply duotone effects.
GridGallery — CSS GridGallery.

Icons

Display icons / icon set / emojis

RobBrazier/svelte-awesome — Awesome SVG icon component, built with Font Awesome icons.
Cweili/svelte-fa — Tiny FontAwesome 5.
AnxiousDarkly/svelte-icons
dylanblokhuis/svelte-feather-icons — Beautiful open source icons.
beyonk-adventures/svelte-simple-icons — Simple Brand Icons.

Paginator

Display a control element to paginate

thecodejack/svelte-pagination — Raw SvelteJS component for dynamic pagination.

Markdown Viewer

Display parsed markdow source

Canvas

Sketch input using Canvas or SVG

beyonk-adventures/svelte-social-auth — Google and Facebook Auth.
beyonk-adventures/svelte-facebook-pixel — Facebook pixel tracking.
beyonk-adventures/svelte-trustpilot — Svelte/Vanilla JS Trustpilot Component.

DOM Manipulation

romkor/svelte-portal — Render outside the DOM of parent component.
nasso/svelte-teleport — Teleport elements across the DOM.

Miscellaneous

henriquehbr/svelte-typewriter — A simple and reusable typewriter effect.
daybrush/ruler — A Ruler component that can draw grids and scroll infinitely.
scottbedard/svelte-heatmap — GitHub's contribution graph.
beyonk-adventures/gdpr-cookie-consent-banner — A GDPR compliant cookie consent banner.
beyonk-adventures/svelte-google-analytics — Svelte Google Analytics.

Form Components

Let the user enter data

Date / Time picker

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

6eDesign/svelte-calendar — A lightweight datepicker with neat animations and a unique UX.
YogliB/svelte-fullcalendar — A Svelte component wrapper around FullCalendar.
beyonk-adventures/svelte-datepicker
SharifClick/svelte-touch-datepicker

Emoji picker

Input Types

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

xnimorz/svelte-input-mask — Input masking component.

Autocomplete

Autosuggest / autocomplete / typeahead

pstanoev/simple-svelte-autocomplete — Simple Autocomplete / typeahead component.

Select

themarquisdesheric/simply-svelte-autocomplete — A lightweight, zero-dependency component that supports theming and incorporating new entries.
pavish/select-madu — SelectMadu is a replacement for the select menu, with support for searching, multiple selections, async data loading and more.

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

beyonk-adventures/svelte-tag-input — Lightweight tag input for Svelte and Vanilla JS.

Autosize Input / Textarea

Star Rating

emrekara37/svelte-rate-it

Drag and Drop

isaacHagoel/svelte-dnd-action

Sortable List

Let the user define an order on a list

Zimtir/svelte-item-list — Item list.

Rich Text Editor

easylogic/svelte-summernote — Extension for summernote.

Markdown Editor

Image Editing

Image manipulation

ValentinH/svelte-easy-crop — Crop images.
saabi/svelte-image-encoder — For editing and compressing profile pictures before upload to a server.

Form Component Collections

Miscellaneous

yazonnile/svelidation — Validation library.

Syntax Highlight

UI Layout

Components to layout the app's UI

vaheqelyan/svelte-grid — A responsive, draggable and resizable grid layout.
andrelmlins/svelte-grid-responsive — Responsive grid system based on Bootstrap.
Readiz/svelte-split-pane

UI Animation

Animate transitions

Parallax

UI Frameworks

Responsive

Set of components + responsive layout system

illright/attractions — A pretty cool UI kit for Svelte.

Material Design

hperrin/svelte-material-ui
matyunya/smelte — UI framework with material components built with Svelte and Tailwind CSS.
TheComputerM/svelte-materialify — Inspired by vuetify.
svelte-toolbox/svelte-toolbox

Carbon

IBM/carbon-components-svelte — Carbon Design System.

Bootstrap

bestguy/sveltestrap — Bootstrap 4 components for Svelte.

AgnosticUI

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

Mobile

halfnelson/svelte-native — Svelte controlling native components via Nativescript.

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

beyonk-adventures/svelte-scrollspy — Scroll Spy component

Touch Swipe

SharifClick/svelte-swipe
tncrazvan/svelte-liquid-swipe
Anyass3/sidebar-swipe — Sidebar Swipeable ideally for touch screen devices.

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> </div> <div><h2 class="text-xl font-bold" data-svelte-h="svelte-1mna9pd">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="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="/jobs" title="Jobs">Jobs</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-1w762av" data-svelte-h="svelte-10saoxn"><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="2592000">{"status":200,"statusText":"","headers":{},"body":"{\"id\":\"MDEwOlJlcG9zaXRvcnkzMjcxNTIxNzI=\",\"stargazerCount\":326,\"updatedAt\":\"2024-12-20T03:48:06Z\",\"homepageUrl\":\"https://svelte.news\",\"openGraphImageUrl\":\"https://opengraph.githubassets.com/ba463e6479aa181f22b02e1be830151ad9904acf2dac0020e91ea3f416d52f6d/rocketlaunchr/awesome-svelte\",\"description\":\"Awesome Svelte: Useful resources for developing Svelte applications\",\"descriptionHTML\":\"\u003Cdiv>Awesome Svelte: Useful resources for developing Svelte applications\u003C/div>\",\"forkCount\":15,\"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_m87ouq = { 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.46d78b63.js"), import("../_app/immutable/entry/app.acc112c7.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>