diff --git a/src/lib/schemas.js b/src/lib/schemas.js index 2895cf047..15e2e828a 100644 --- a/src/lib/schemas.js +++ b/src/lib/schemas.js @@ -3,54 +3,46 @@ import { packageNameRegex } from 'package-name-regex'; const PACKAGES_TAGS = /** @type {const} */ ([ 'animations', - 'async-data', - 'async-loading', 'audio-and-video', 'auth', 'bundler-plugins', 'charts', 'cli-tools', - 'components-and-libraries', 'css-and-layout', + 'data-fetching', 'data-visualisation', - 'debugging', + 'date-and-time', 'design-pattern', 'design-system', 'developer-experience', - 'development-and-documentation', - 'display-components', - 'fonts-and-icons', - 'forms-and-validation', - 'graphql', + 'documentation', + 'forms-and-input', + 'headless', + 'icons-and-fonts', 'images', 'in-page-navigation', - 'inputs-and-widgets', 'integrations', - 'interactions', 'internationalization', 'intersection-observer', - 'jsx', 'layout-and-structure', 'linting-and-formatting', - 'maps', 'markdown', 'modals', 'multimedia', - 'native', 'network-events', 'notifications', - 'offline-and-online-detection', + 'official', 'preprocessors', 'routers', + 'seo', 'ssr', 'stores-and-state', 'sveltekit-adapters', 'testing', - 'third-party-services', - 'time-and-date', 'typescript', + 'ui-components', 'user-interaction', - 'viewport' + 'validation' ]); export const packagesSchema = z.array( diff --git a/src/routes/help/submitting/+page.svelte b/src/routes/help/submitting/+page.svelte index aa6f25471..4c55f038e 100644 --- a/src/routes/help/submitting/+page.svelte +++ b/src/routes/help/submitting/+page.svelte @@ -15,12 +15,10 @@ const data = { package: { - tags: extractUnique(packages, 'tags'), - categories: [...extractUnique(packages, 'category').filter((cat) => cat.label !== '')] + tags: extractUnique(packages, 'tags') }, template: { - tags: extractUnique(templates, 'tags'), - categories: extractUnique(templates, 'category') + tags: extractUnique(templates, 'tags') } }; @@ -35,7 +33,6 @@ let url = 'https://svelte-lorem-ipsum.dev'; let description = 'A dummy text generator that does not exist'; let npm = 'svelte-lorem-ipsum'; - let category; let tags; let repository = 'https://github.com/sveltejs/svelte-lorem-ipsum'; @@ -46,21 +43,18 @@ repository: repository ? repository : undefined, description, npm: npm ? npm : undefined, - category: category?.value, tags: tags?.map((tag) => tag.value) }; $: currentTags = data[type.value].tags; - $: currentCategories = data[type.value].categories; onMount(() => { const typeQuery = new URLSearchParams(location.search).get('type'); type = types.find((t) => t.value == typeQuery) || types[0]; }); - async function clearCategoryAndTags() { + async function clearTags() { await tick(); - category = null; tags = null; } @@ -86,7 +80,7 @@ isClearable={false} showIndicator bind:value={type} - on:select={clearCategoryAndTags} + on:select={clearTags} /> The type of snippet to generate @@ -128,23 +122,10 @@ The npm name of the package -
- -
- - The category of the package -
-
- + A list of tags
diff --git a/src/routes/packages/packages.json b/src/routes/packages/packages.json index 785827bf0..eb2319ad9 100644 --- a/src/routes/packages/packages.json +++ b/src/routes/packages/packages.json @@ -4,28 +4,28 @@ "repository": "https://github.com/erokar/svelte-stopwatch", "description": "A Svelte timer component with a countdown option and events for start, stop and reset of the timer.", "npm": "svelte-stopwatch", - "tags": ["time-and-date", "components-and-libraries", "user-interaction"] + "tags": ["date-and-time", "ui-components", "user-interaction"] }, { "title": "Curseur", "repository": "https://github.com/n3-rd/curseur", "description": "Svelte component for creating customizable cursors.", "npm": "curseur", - "tags": ["interactions", "typescript", "user-interaction"] + "tags": ["typescript", "user-interaction"] }, { "title": "svelte-zod-form", "repository": "https://github.com/SBHattarj/svelte-zod-form", "description": "A dummy text generator that does not exist", "npm": "svelte-zod-form", - "tags": ["forms-and-validation"] + "tags": ["forms-and-input", "validation"] }, { "title": "svelte-selecto", "repository": "https://github.com/daybrush/selecto/tree/master/packages/svelte-selecto", "description": "Selecto.js is a component that allows you to select elements in the drag area using the mouse or touch.", "npm": "svelte-selecto", - "tags": ["components-and-libraries", "typescript", "interactions", "user-interaction"] + "tags": ["ui-components", "typescript", "user-interaction"] }, { "title": "svelte-pilot", @@ -41,7 +41,7 @@ "description": "SvelteKit sitemap focused on ease of use and making it impossible to forget to add your paths.", "npm": "super-sitemap", "tags": [ - "components-and-libraries", + "ui-components", "integrations", "layout-and-structure", "typescript", @@ -55,10 +55,9 @@ "description": "This is a port of vue-scrollactive to Svelte, a lightweight and simple to use component that highlights menu items as you scroll the page, also scrolling to target section when clicked.", "npm": "svelte-scrollactive", "tags": [ - "components-and-libraries", + "ui-components", "animations", "in-page-navigation", - "inputs-and-widgets", "intersection-observer", "user-interaction" ] @@ -68,7 +67,7 @@ "repository": "https://github.com/gyurielf/svelte-tel-input", "description": "Lightweight phone input standardizer.", "npm": "svelte-tel-input", - "tags": ["inputs-and-widgets", "forms-and-validation", "typescript", "components-and-libraries"] + "tags": ["forms-and-input", "typescript", "ui-components"] }, { "title": "Svault", @@ -82,157 +81,147 @@ "repository": "https://github.com/joaquimnetocel/svelte-datatables-net", "description": "svelte-datatables-net is a svelte/sveltekit component that turns data into an interactive HTML table. Inspired by datatables.net.", "npm": "svelte-datatables-net", - "tags": ["components-and-libraries", "typescript", "data-visualisation"] + "tags": ["ui-components", "typescript", "data-visualisation"] }, { "title": "STWUI", "repository": "https://github.com/N00nDay/stwui", "description": "Opinionated yet customizable Svelte-TailwindCSS component library", "npm": "stwui", - "tags": ["components-and-libraries", "design-system"] + "tags": ["ui-components", "design-system"] }, { "title": "SvelteKit", "repository": "https://github.com/sveltejs/kit/tree/main/packages/kit", "description": "The fastest way to build Svelte apps", "npm": "@sveltejs/kit", - "tags": ["routers", "ssr", "layout-and-structure", "forms-and-validation", "typescript"] + "tags": ["routers", "ssr", "layout-and-structure", "typescript", "official"] }, { "title": "@sveltejs/package", "repository": "https://github.com/sveltejs/kit/tree/main/packages/package", "description": "The fastest way to build Svelte packages", "npm": "@sveltejs/package", - "tags": ["cli-tools", "bundler-plugins"] + "tags": ["cli-tools", "bundler-plugins", "official"] }, { "title": "@sveltejs/adapter-auto", "repository": "https://github.com/sveltejs/kit/tree/main/packages/adapter-auto", "description": "Automatically chooses adapter for your current environment if possible", "npm": "@sveltejs/adapter-auto", - "tags": ["integrations", "sveltekit-adapters"] + "tags": ["integrations", "sveltekit-adapters", "official"] }, { "title": "@sveltejs/adapter-netlify", "repository": "https://github.com/sveltejs/kit/tree/main/packages/adapter-netlify", "description": "A SvelteKit adapter that creates a Netlify app. If you're using adapter-auto, you don't need to install this unless you need to specify Netlify-specific options, since it's already included.", "npm": "@sveltejs/adapter-netlify", - "tags": ["integrations", "sveltekit-adapters"] + "tags": ["integrations", "sveltekit-adapters", "official"] }, { "title": "@sveltejs/adapter-cloudflare-workers", "repository": "https://github.com/sveltejs/kit/tree/main/packages/adapter-cloudflare-workers", "description": "SvelteKit adapter that creates a Cloudflare Workers site using a function for dynamic server rendering.", "npm": "@sveltejs/adapter-cloudflare-workers", - "tags": ["integrations", "sveltekit-adapters"] + "tags": ["integrations", "sveltekit-adapters", "official"] }, { "title": "@sveltejs/adapter-cloudflare", "repository": "https://github.com/sveltejs/kit/tree/main/packages/adapter-cloudflare", "description": "Adapter for building SvelteKit applications on Cloudflare Pages with Workers integration. If you're using adapter-auto, you don't need to install this — it's already included.", "npm": "@sveltejs/adapter-cloudflare", - "tags": ["integrations", "sveltekit-adapters"] + "tags": ["integrations", "sveltekit-adapters", "official"] }, { "title": "@sveltejs/adapter-node", "repository": "https://github.com/sveltejs/kit/tree/main/packages/adapter-node", "description": "Adapter for SvelteKit apps that generates a standalone Node server.", "npm": "@sveltejs/adapter-node", - "tags": ["integrations", "sveltekit-adapters"] + "tags": ["integrations", "sveltekit-adapters", "official"] }, { "title": "@sveltejs/adapter-static", "repository": "https://github.com/sveltejs/kit/tree/main/packages/adapter-static", "description": "Adapter for SvelteKit apps that prerenders your entire site as a collection of static files. If you'd like to prerender only some pages, you will need to use a different adapter together with the prerender option.", "npm": "@sveltejs/adapter-static", - "tags": ["integrations", "sveltekit-adapters"] + "tags": ["integrations", "sveltekit-adapters", "official"] }, { "title": "@sveltejs/adapter-vercel", "repository": "https://github.com/sveltejs/kit/tree/main/packages/adapter-vercel", "description": "A SvelteKit adapter that creates a Vercel app.If you're using adapter-auto, you don't need to install this unless you need to specify Vercel-specific options, since it's already included.", "npm": "@sveltejs/adapter-vercel", - "tags": ["integrations", "sveltekit-adapters"] + "tags": ["integrations", "sveltekit-adapters", "official"] }, { "title": "svelte-lazy-loader", "repository": "https://github.com/sawyerclick/svelte-lazy-loader", - "description": "A lazy-loader component library for Svelte", + "description": "A component library for effortlessly loading media using a shared IntersectionObserver instance if native lazy-loading doesn't exist.", "npm": "svelte-lazy-loader", - "tags": ["images", "components-and-libraries", "multimedia"] + "tags": ["images", "ui-components", "multimedia"] }, { "title": "svelte-carbonbadge", "repository": "https://gitlab.com/davidhund/svelte-carbonbadge", "description": "Svelte badge component for https://www.websitecarbon.com/", "npm": "svelte-carbonbadge", - "tags": ["testing"] + "tags": ["ui-components"] }, { "title": "svelte-form-validation", "repository": "https://github.com/DhyeyMoliya/svelte-form-validation", "npm": "svelte-form-validation", "description": "Svelte Form Validation Library", - "tags": ["forms-and-validation", "components-and-libraries"] + "tags": ["forms-and-input", "validation"] }, { "title": "Date Picker Svelte", "repository": "https://github.com/probablykasper/date-picker-svelte", "description": "Date and time picker for Svelte", "npm": "date-picker-svelte", - "tags": [ - "time-and-date", - "components-and-libraries", - "inputs-and-widgets", - "forms-and-validation" - ] + "tags": ["date-and-time", "ui-components", "forms-and-input"] }, { "title": "use-vest", "repository": "https://github.com/enyo/use-vest", "npm": "use-vest", "description": "Vest can be used both on the front and backend. This library provides a Svelte action for Vest, that makes it easy to validate forms and show errors when necessary — built with TypeScript.", - "tags": [ - "forms-and-validation", - "components-and-libraries", - "inputs-and-widgets", - "forms-and-validation" - ] + "tags": ["forms-and-input", "validation", "ui-components"] }, { "title": "svelte-virtual-table", "description": "A virtual, sortable table for Svelte", "repository": "https://github.com/BernhardWebstudio/svelte-virtual-table", "npm": "svelte-virtual-table", - "tags": ["components-and-libraries", "data-visualisation"] + "tags": ["ui-components", "data-visualisation"] }, { "title": "svelte-number-spinner", "description": "A number input field that can be controlled by mouse/touch drag, arrow keys or usual editing.", "repository": "https://github.com/bohnacker/svelte-number-spinner", "npm": "svelte-number-spinner", - "tags": ["components-and-libraries", "inputs-and-widgets", "forms-and-validation"] + "tags": ["ui-components", "forms-and-input"] }, { "title": "svelte-remixicon", "description": "An icon library for svelte based on Remix Icon. Consists of more than 2000 icons.", "repository": "https://github.com/aantusahaa/svelte-remixicon", "npm": "svelte-remixicon", - "tags": ["components-and-libraries", "fonts-and-icons"] + "tags": ["ui-components", "icons-and-fonts"] }, { "title": "svelte-fast-marquee", "description": "A Marquee component for Svelte inspired by react-fast-marquee.", "repository": "https://github.com/abosch19/svelte-fast-marquee", "npm": "svelte-fast-marquee", - "tags": ["components-and-libraries", "display-components"] + "tags": ["ui-components"] }, { "title": "sswr", "description": "Svelte stale while revalidate (SWR) data fetching strategy", "repository": "https://github.com/ConsoleTVs/sswr", "npm": "sswr", - "tags": ["components-and-libraries", "design-pattern"] + "tags": ["data-fetching", "design-pattern"] }, { "title": "svelte-adapter-firebase", @@ -268,7 +257,7 @@ "url": "https://felte.dev", "npm": "felte", "description": "An extensible form library for Svelte", - "tags": ["forms-and-validation", "components-and-libraries", "forms-and-validation"], + "tags": ["forms-and-input", "validation", "ui-components"], "repository": "https://github.com/pablo-abc/felte" }, { @@ -276,61 +265,61 @@ "repository": "https://github.com/codediodeio/sveltefire", "npm": "sveltefire", "description": "Cybernetically enhanced Firebase apps 💪🔥", - "tags": ["components-and-libraries", "integrations"] + "tags": ["ui-components", "auth", "integrations"] }, { "title": "svelte-time-picker", "repository": "https://gitlab.com/public-e-soa-com/svelte-time-picker", "npm": "svelte-time-picker", "description": "Time Picker UI for Svelte, inspired by the MaterialUI React Time Picker", - "tags": ["components-and-libraries", "time-and-date", "forms-and-validation"] + "tags": ["ui-components", "date-and-time", "forms-and-input"] }, { "title": "svelte-formula", "repository": "https://github.com/tanepiper/svelte-formula", "npm": "svelte-formula", "description": "Zero Configuration Reactive Forms for Svelte", - "tags": ["components-and-libraries", "forms-and-validation", "forms-and-validation"] + "tags": ["ui-components", "forms-and-input", "validation"] }, { "description": "A lightweight datepicker with neat animations and a unique UX", "npm": "svelte-calendar", - "tags": ["components-and-libraries", "time-and-date", "forms-and-validation"], + "tags": ["ui-components", "date-and-time", "forms-and-input"], "title": "svelte-calendar", "repository": "https://github.com/6eDesign/svelte-calendar" }, { "description": "Svelte tags input is a component to use with Svelte and easily enter tags and customize some functions", "npm": "svelte-tags-input", - "tags": ["components-and-libraries", "inputs-and-widgets", "forms-and-validation"], + "tags": ["ui-components", "forms-and-input"], "title": "svelte-tags-input", "repository": "https://github.com/agustinl/svelte-tags-input" }, { "description": "Generate a JSON documentation for a Svelte component", "npm": "sveltedoc-parser", - "tags": ["components-and-libraries", "development-and-documentation", "developer-experience"], + "tags": ["ui-components", "documentation", "developer-experience"], "title": "sveltedoc-parser", "repository": "https://github.com/alexprey/sveltedoc-parser" }, { "description": "Easy use Aovi to validate forms or values in your components", "npm": "aovi-svelte", - "tags": ["forms-and-validation", "components-and-libraries", "forms-and-validation"], + "tags": ["forms-and-input", "validation", "ui-components"], "title": "aovi-svelte", "repository": "https://github.com/AlexxNB/aovi-svelte" }, { "description": "Svelte UI components based on super lightweight chota CSS framework.", "npm": "svelte-chota", - "tags": ["components-and-libraries", "design-system"], + "tags": ["ui-components", "design-system"], "title": "svelte-chota", "repository": "https://github.com/alexxnb/svelte-chota" }, { "description": "Simple eventbus realization based on internal Svelte's tools only", "npm": "svelte-eventbus", - "tags": ["components-and-libraries", "design-pattern"], + "tags": ["ui-components", "design-pattern"], "title": "svelte-eventbus", "repository": "https://github.com/AlexxNB/svelte-eventbus" }, @@ -344,49 +333,49 @@ { "description": "Font Awesome 5 for Svelte", "npm": "fa-svelte", - "tags": ["components-and-libraries", "fonts-and-icons"], + "tags": ["ui-components", "icons-and-fonts"], "title": "fa-svelte", "repository": "https://github.com/alphapeter/fa-svelte" }, { "description": "Component that performs fullscreen in DOM Elements", "npm": "svelte-fullscreen", - "tags": ["components-and-libraries", "layout-and-structure", "user-interaction"], + "tags": ["ui-components", "layout-and-structure", "user-interaction"], "title": "svelte-fullscreen", "repository": "https://github.com/andrelmlins/svelte-fullscreen" }, { "description": "Responsive grid system based on Bootstrap for Svelte", "npm": "svelte-grid-responsive", - "tags": ["components-and-libraries", "layout-and-structure", "css-and-layout"], + "tags": ["ui-components", "layout-and-structure", "css-and-layout"], "title": "svelte-grid-responsive", "repository": "https://github.com/andrelmlins/svelte-grid-responsive" }, { "description": "Infinite Scroll Component to Svelte", "npm": "svelte-infinite-scroll", - "tags": ["components-and-libraries", "user-interaction"], + "tags": ["ui-components", "user-interaction"], "title": "svelte-infinite-scroll", "repository": "https://github.com/andrelmlins/svelte-infinite-scroll" }, { "description": "Generate dynamic forms for Svelte JS", "npm": "svelte-formly", - "tags": ["components-and-libraries", "forms-and-validation", "forms-and-validation"], + "tags": ["ui-components", "forms-and-input"], "title": "svelte-formly", "repository": "https://github.com/dyaliCode/svelte-formly" }, { "description": "Svelte store with a websocket backend", "npm": "svelte-websocket-store", - "tags": ["components-and-libraries", "stores-and-state"], + "tags": ["stores-and-state"], "title": "svelte-websocket-store", "repository": "https://github.com/arlac77/svelte-websocket-store" }, { "description": "Bootstrap components for Svelte 4+", "npm": "@sveltestrap/sveltestrap", - "tags": ["components-and-libraries", "design-system"], + "tags": ["ui-components", "design-system"], "title": "sveltestrap", "url": "https://sveltestrap.js.org", "repository": "https://github.com/sveltestrap/sveltestrap" @@ -394,63 +383,63 @@ { "description": "A GDPR compliant cookie consent banner implementation", "npm": "@beyonk/gdpr-cookie-consent-banner", - "tags": ["components-and-libraries", "inputs-and-widgets", "user-interaction"], + "tags": ["ui-components", "user-interaction"], "title": "@beyonk/gdpr-cookie-consent-banner", "repository": "https://github.com/beyonk-group/gdpr-cookie-consent-banner" }, { "description": "A super lightweight, super simple carousel for Svelte 3", "npm": "@beyonk/svelte-carousel", - "tags": ["components-and-libraries", "layout-and-structure", "user-interaction"], + "tags": ["ui-components", "layout-and-structure", "user-interaction"], "title": "@beyonk/svelte-carousel", "repository": "https://github.com/beyonk-group/svelte-carousel" }, { "description": "A Facebook pixel module for Svelte / Sapper", "npm": "@beyonk/svelte-facebook-pixel", - "tags": ["components-and-libraries", "third-party-services", "integrations"], + "tags": ["integrations"], "title": "@beyonk/svelte-facebook-pixel", "repository": "https://github.com/beyonk-group/svelte-facebook-pixel" }, { "description": "Google Analytics tracking module for Svelte / Sapper", "npm": "@beyonk/svelte-google-analytics", - "tags": ["components-and-libraries", "third-party-services", "integrations"], + "tags": ["integrations"], "title": "@beyonk/svelte-google-analytics", "repository": "https://github.com/beyonk-group/svelte-google-analytics" }, { "description": "Google Maps integration for Svelte", "npm": "@beyonk/svelte-googlemaps", - "tags": ["components-and-libraries", "maps", "integrations"], + "tags": ["ui-components", "data-visualisation", "integrations"], "title": "@beyonk/svelte-googlemaps", "repository": "https://github.com/beyonk-group/svelte-googlemaps" }, { "description": "Mapbox integration for Svelte", "npm": "@beyonk/svelte-mapbox", - "tags": ["components-and-libraries", "maps", "integrations"], + "tags": ["ui-components", "data-visualisation", "integrations"], "title": "@beyonk/svelte-mapbox", "repository": "https://github.com/beyonk-group/svelte-mapbox" }, { "description": "Svelte toast notifications that can be used in any JS application", "npm": "@beyonk/svelte-notifications", - "tags": ["components-and-libraries", "notifications", "user-interaction"], + "tags": ["ui-components", "notifications", "user-interaction"], "title": "@beyonk/svelte-notifications", "repository": "https://github.com/beyonk-group/svelte-notifications" }, { "description": "Scroll Spy component for Svelte", "npm": "@beyonk/svelte-scrollspy", - "tags": ["components-and-libraries", "interactions", "design-pattern"], + "tags": ["ui-components", "user-interaction", "design-pattern"], "title": "@beyonk/svelte-scrollspy", "repository": "https://github.com/beyonk-group/svelte-scrollspy" }, { "description": "SVG icons for popular brands", "npm": "svelte-simple-icons", - "tags": ["components-and-libraries", "fonts-and-icons"], + "tags": ["ui-components", "icons-and-fonts"], "title": "svelte-simple-icons", "repository": "https://github.com/beyonk-group/svelte-simple-icons" }, @@ -464,98 +453,98 @@ { "description": "A list with animated drag-n-drop functionality", "npm": "svelte-sortable-list", - "tags": ["components-and-libraries", "layout-and-structure", "data-visualisation"], + "tags": ["ui-components", "layout-and-structure", "data-visualisation"], "title": "svelte-sortable-list", "repository": "https://github.com/brunomolteni/svelte-sortable-list" }, { "description": "A grid for displaying and editing any amount of data", "npm": "svelte-data-grid", - "tags": ["components-and-libraries", "layout-and-structure", "data-visualisation"], + "tags": ["ui-components", "layout-and-structure", "data-visualisation"], "title": "svelte-data-grid", "repository": "https://github.com/bsssshhhhhhh/svelte-data-grid" }, { "description": "Writable store that syncs with the browser's search params", "npm": "query-store", - "tags": ["components-and-libraries", "stores-and-state"], + "tags": ["stores-and-state"], "title": "query-store", "repository": "https://github.com/buhrmi/query-store" }, { "description": "Bulma components for Svelte", "npm": "svelma", - "tags": ["components-and-libraries", "design-system"], + "tags": ["ui-components", "design-system"], "title": "svelma", "repository": "https://github.com/c0bra/svelma" }, { "description": "Svelte forms validation made easy", "npm": "svelte-forms", - "tags": ["components-and-libraries", "forms-and-validation", "forms-and-validation"], + "tags": ["ui-components", "forms-and-input", "validation"], "title": "svelte-forms", "repository": "https://github.com/chainlist/svelte-forms" }, { "description": "A component to render a credit card preview - useful for ecommerce.", "npm": "svelte-credit-cards", - "tags": ["components-and-libraries", "data-visualisation"], + "tags": ["ui-components", "data-visualisation"], "title": "svelte-credit-cards", "repository": "https://github.com/CharlyJazz/svelte-credit-card" }, { "description": "A Svelte component to hide your header on scroll", "npm": "svelte-headroom", - "tags": ["components-and-libraries", "layout-and-structure", "user-interaction"], + "tags": ["ui-components", "layout-and-structure", "user-interaction"], "title": "svelte-headroom", "repository": "https://github.com/collardeau/svelte-headroom" }, { "description": "Tiny FontAwesome 5 component for Svelte", "npm": "svelte-fa", - "tags": ["components-and-libraries", "fonts-and-icons"], + "tags": ["ui-components", "icons-and-fonts"], "title": "svelte-fa", "repository": "https://github.com/Cweili/svelte-fa" }, { "description": "A table with sorting and filtering", "npm": "svelte-table", - "tags": ["components-and-libraries", "layout-and-structure", "data-visualisation"], + "tags": ["ui-components", "layout-and-structure", "data-visualisation"], "title": "svelte-table", "repository": "https://github.com/dasDaniel/svelte-table" }, { "description": "Component for moveable, draggable, resizable, scalable, rotatable, and more", "npm": "svelte-moveable", - "tags": ["components-and-libraries", "interactions", "user-interaction"], + "tags": ["ui-components", "user-interaction"], "title": "svelte-moveable", "repository": "https://github.com/daybrush/moveable/tree/master/packages/svelte-moveable" }, { "description": "A Ruler component that can draw grids and scroll infinitely", "npm": "svelte-ruler", - "tags": ["components-and-libraries", "inputs-and-widgets", "user-interaction"], + "tags": ["ui-components", "user-interaction"], "title": "svelte-ruler", "repository": "https://github.com/daybrush/ruler/tree/master/packages/svelte-ruler" }, { "description": "Auth0 component library", "npm": "@dopry/svelte-auth0", - "tags": ["components-and-libraries", "integrations", "auth"], + "tags": ["ui-components", "integrations", "auth"], "title": "@dopry/svelte-auth0", "repository": "https://github.com/dopry/svelte-auth0" }, { "description": "Feather icons for Svelte", "npm": "svelte-feather-icons", - "tags": ["components-and-libraries", "fonts-and-icons"], + "tags": ["ui-components", "icons-and-fonts"], "title": "svelte-feather-icons", "repository": "https://github.com/dylanblokhuis/svelte-feather-icons" }, { "description": "summernote extension for Svelte, a wysiwyg editor", "npm": "@easylogic/svelte-summernote", - "tags": ["components-and-libraries", "inputs-and-widgets", "forms-and-validation"], + "tags": ["ui-components", "forms-and-input"], "title": "@easylogic/svelte-summernote", "repository": "https://github.com/easylogic/svelte-summernote" }, @@ -569,105 +558,105 @@ { "description": "A rate component for Svelte apps", "npm": "svelte-rate-it", - "tags": ["components-and-libraries", "inputs-and-widgets", "forms-and-validation"], + "tags": ["ui-components", "forms-and-input"], "title": "svelte-rate-it", "repository": "https://github.com/emrekara37/svelte-rate-it" }, { "description": "A user interface for inputting date ranges", "npm": "@equipmentshare/date-range-input", - "tags": ["components-and-libraries", "time-and-date", "forms-and-validation"], + "tags": ["ui-components", "date-and-time", "forms-and-input"], "title": "@equipmentshare/date-range-input", "repository": "https://github.com/EquipmentShare/date-range-input" }, { "description": "Tree view component for svelte", "npm": "svelte-tree", - "tags": ["components-and-libraries", "data-visualisation"], + "tags": ["ui-components", "data-visualisation"], "title": "svelte-tree", "repository": "https://github.com/esinx/svelte-tree" }, { "description": "Material components library for Svelte using the stylesheet of Vuetify", "npm": "svelteify", - "tags": ["components-and-libraries", "design-system"], + "tags": ["ui-components", "design-system"], "title": "svelteify", "repository": "https://github.com/theovidal/svelteify" }, { "description": "A simple, small, and content-agnostic modal for Svelte", "npm": "svelte-simple-modal", - "tags": ["components-and-libraries", "layout-and-structure", "user-interaction"], + "tags": ["ui-components", "layout-and-structure", "user-interaction"], "title": "svelte-simple-modal", "repository": "https://github.com/flekschas/svelte-simple-modal" }, { "description": "Svelte integration for FormidableLabs URQL", "npm": "@urql/svelte", - "tags": ["components-and-libraries", "stores-and-state", "graphql", "design-pattern"], + "tags": ["stores-and-state", "data-fetching", "design-pattern"], "title": "@urql/svelte", "repository": "https://github.com/urql-graphql/urql/tree/main/packages/svelte-urql" }, { "description": "Icon components for Svelte, featuring many icon sets", "npm": "svelte-icons", - "tags": ["components-and-libraries", "fonts-and-icons"], + "tags": ["ui-components", "icons-and-fonts"], "title": "svelte-icons", "repository": "https://github.com/Introvertuous/svelte-icons" }, { "description": "Svelte controlling native components via Nativescript", "npm": "svelte-native", - "tags": ["native", "integrations"], + "tags": ["integrations"], "title": "svelte-native", "repository": "https://github.com/halfnelson/svelte-native" }, { "description": "A Svelte component to format and display a copyright notice.", "npm": "svelte-copyright", - "tags": ["components-and-libraries", "display-components"], + "tags": ["ui-components"], "title": "svelte-copyright", "repository": "https://github.com/himynameisdave/svelte-copyright" }, { "description": "A simple and reusable flexbox component for Svelte", "npm": "svelte-flex", - "tags": ["components-and-libraries", "layout-and-structure", "css-and-layout"], + "tags": ["ui-components", "layout-and-structure", "css-and-layout"], "title": "svelte-flex", "repository": "https://github.com/himynameisdave/svelte-flex" }, { "description": "Svelte bindings for frappe-charts.", "npm": "svelte-frappe-charts", - "tags": ["charts", "components-and-libraries", "data-visualisation"], + "tags": ["charts", "ui-components", "data-visualisation"], "title": "svelte-frappe-charts", "repository": "https://github.com/himynameisdave/svelte-frappe-charts" }, { "description": "Svelte Material UI Components", "npm": "svelte-material-ui", - "tags": ["components-and-libraries", "design-system"], + "tags": ["ui-components", "design-system"], "title": "svelte-material-ui", "repository": "https://github.com/hperrin/svelte-material-ui" }, { "description": "A Svelte.js based UnoCSS UI library that allows you to make websites", "npm": "@ikun-ui/core", - "tags": ["components-and-libraries", "design-system"], + "tags": ["ui-components", "design-system"], "title": "ikun-ui", "repository": "https://github.com/ikun-svelte/ikun-ui" }, { "description": "Svelte implementation of the Carbon Design System", "npm": "carbon-components-svelte", - "tags": ["components-and-libraries", "design-system"], + "tags": ["ui-components", "design-system"], "title": "carbon-components-svelte", "repository": "https://github.com/carbon-design-system/carbon-components-svelte" }, { "description": "A pretty cool UI kit for Svelte", "npm": "attractions", - "tags": ["components-and-libraries", "design-system"], + "tags": ["ui-components", "design-system"], "title": "attractions", "repository": "https://github.com/illright/attractions" }, @@ -681,7 +670,7 @@ { "description": "Flatpickr component for Svelte", "npm": "svelte-flatpickr", - "tags": ["components-and-libraries", "time-and-date", "forms-and-validation"], + "tags": ["ui-components", "date-and-time", "forms-and-input"], "title": "svelte-flatpickr", "repository": "https://github.com/jacobmischka/svelte-flatpickr" }, @@ -709,28 +698,28 @@ { "description": "Svelte component for position and area selection with Leaflet", "npm": "svelte-pick-a-place", - "tags": ["components-and-libraries", "maps", "forms-and-validation"], + "tags": ["ui-components", "data-visualisation", "forms-and-input"], "title": "svelte-pick-a-place", "repository": "https://github.com/jimutt/svelte-pick-a-place" }, { "description": "Tabs component for Svelte", "npm": "svelte-tabs", - "tags": ["components-and-libraries", "layout-and-structure", "user-interaction"], + "tags": ["ui-components", "layout-and-structure", "user-interaction"], "title": "svelte-tabs", "repository": "https://github.com/nickyhajal/svelte-tabs" }, { "description": "Simple package that makes ML more accessible", "npm": "svelteml", - "tags": ["components-and-libraries", "integrations"], - "title": "svelteml", + "tags": ["integrations"], + "title": "SvelteML", "repository": "https://github.com/john--kane/svelteml" }, { "description": "A simple tool for comparing two images.", "npm": "svelte-compare-image-slider", - "tags": ["components-and-libraries", "images", "user-interaction"], + "tags": ["ui-components", "images", "user-interaction"], "title": "svelte-compare-image-slider", "repository": "https://github.com/johnwalley/compare-image-slider" }, @@ -744,28 +733,28 @@ { "description": "Ever wanted to have reactive css variables in Svelte? What if I tell you there's a way?", "npm": "svelte-css-vars", - "tags": ["components-and-libraries", "css-and-layout"], + "tags": ["css-and-layout", "developer-experience"], "title": "svelte-css-vars", "repository": "https://github.com/kaisermann/svelte-css-vars" }, { "description": "Internationalization library for Svelte", "npm": "svelte-i18n", - "tags": ["components-and-libraries", "internationalization"], + "tags": ["ui-components", "internationalization"], "title": "svelte-i18n", "repository": "https://github.com/kaisermann/svelte-i18n" }, { "description": "Integration of Fluent localization system for Svelte", "npm": "@nubolab-ffwd/svelte-fluent", - "tags": ["components-and-libraries", "internationalization"], + "tags": ["ui-components", "internationalization"], "title": "svelte-fluent", "repository": "https://github.com/nubolab-ffwd/svelte-fluent" }, { "description": "Dynamically load a Svelte component", "npm": "svelte-loadable", - "tags": ["components-and-libraries", "async-loading", "design-pattern"], + "tags": ["ui-components", "design-pattern"], "title": "svelte-loadable", "repository": "https://github.com/kaisermann/svelte-loadable" }, @@ -779,42 +768,42 @@ { "description": "Simple and flexible notifications system", "npm": "svelte-notifications", - "tags": ["components-and-libraries", "notifications", "user-interaction"], + "tags": ["ui-components", "notifications", "user-interaction"], "title": "svelte-notifications", "repository": "https://github.com/keenethics/svelte-notifications" }, { "description": "Component that renders its children with lifecycle hooks to simplify testing", "npm": "svelte-fragment-component", - "tags": ["components-and-libraries", "testing", "jsx"], + "tags": ["ui-components", "testing"], "title": "svelte-fragment-component", "repository": "https://github.com/kenoxa/svelte-fragment-component" }, { "description": "Tagged Template syntax for svelte to simplify testing", "npm": "svelte-htm", - "tags": ["components-and-libraries", "testing", "jsx"], + "tags": ["ui-components", "testing"], "title": "svelte-htm", "repository": "https://github.com/kenoxa/svelte-htm" }, { "description": "JSX for svelte to simplify testing", "npm": "svelte-jsx", - "tags": ["components-and-libraries", "testing", "jsx"], + "tags": ["ui-components", "testing"], "title": "svelte-jsx", "repository": "https://github.com/kenoxa/svelte-jsx" }, { "description": "A custom component that adds a favicon and a badge that you can use to show for example number of unread messages.", "npm": "svelte-favicon-badge", - "tags": ["components-and-libraries", "fonts-and-icons"], + "tags": ["ui-components", "icons-and-fonts"], "title": "svelte-favicon-badge", "repository": "https://github.com/kevmodrome/svelte-favicon-badge" }, { "description": "Redux binding to Svelte based on react-redux", "npm": "svelte-redux-connect", - "tags": ["components-and-libraries", "stores-and-state", "design-pattern"], + "tags": ["stores-and-state", "design-pattern"], "title": "svelte-redux-connect", "repository": "https://github.com/kolodziejczak-sz/svelte-redux-connect" }, @@ -835,14 +824,14 @@ { "description": "Baidu Echarts(v3.0 & v4.0) components for Svelte wrapper", "npm": "echarts-for-svelte", - "tags": ["components-and-libraries", "charts", "data-visualisation"], + "tags": ["ui-components", "charts", "data-visualisation"], "title": "echarts-for-svelte", "repository": "https://github.com/liyuanqiu/echarts-for-svelte" }, { "description": "Lottie player component for use with Svelte for viewing Lottie animations.", "npm": "@lottiefiles/svelte-lottie-player", - "tags": ["components-and-libraries", "integrations"], + "tags": ["ui-components", "integrations", "animations"], "title": "@lottiefiles/svelte-lottie-player", "repository": "https://github.com/LottieFiles/svelte-lottie-player" }, @@ -856,55 +845,49 @@ { "description": "A Svelte component that monitors an element enters or leaves the viewport.🔥", "npm": "svelte-inview", - "tags": [ - "components-and-libraries", - "async-loading", - "intersection-observer", - "viewport", - "design-pattern" - ], + "tags": ["ui-components", "intersection-observer", "design-pattern"], "title": "svelte-inview", "repository": "https://github.com/maciekgrzybek/svelte-inview" }, { "description": "Material design components for Svelte using Tailwind CSS", "npm": "smelte", - "tags": ["components-and-libraries", "design-system"], + "tags": ["ui-components", "design-system"], "title": "smelte", "repository": "https://github.com/matyunya/smelte" }, { "description": "A set of headless, accessible component builders for Svelte.", "npm": "@melt-ui/svelte", - "tags": ["components-and-libraries", "design-system"], + "tags": ["ui-components", "headless", "design-system"], "title": "melt-ui", "repository": "https://github.com/melt-ui/melt-ui" }, { "description": "A port of Radix UI for Svelte.", "npm": "radix-svelte", - "tags": ["components-and-libraries", "design-system"], + "tags": ["ui-components", "headless", "design-system"], "title": "radix-svelte", "repository": "https://github.com/radix-svelte/radix-svelte" }, { "description": "Image processing with Sharp for Svelte", "npm": "svelte-image", - "tags": ["components-and-libraries", "images", "multimedia"], + "tags": ["ui-components", "images", "multimedia"], "title": "svelte-image", "repository": "https://github.com/matyunya/svelte-image" }, { "description": "Lazyload images or anything component for Svelte", "npm": "svelte-waypoint", - "tags": ["components-and-libraries", "images", "multimedia"], + "tags": ["ui-components", "images", "multimedia"], "title": "svelte-waypoint", "repository": "https://github.com/matyunya/svelte-waypoint" }, { "description": "Form components using Yup for validation", "npm": "sveltejs-forms", - "tags": ["components-and-libraries", "forms-and-validation", "forms-and-validation"], + "tags": ["ui-components", "forms-and-input", "validation"], "title": "sveltejs-forms", "repository": "https://github.com/mdauner/sveltejs-forms" }, @@ -918,42 +901,42 @@ { "description": "a framework for mostly-reusable graphics with Svelte", "npm": "layercake", - "tags": ["components-and-libraries", "charts", "data-visualisation"], + "tags": ["ui-components", "charts", "data-visualisation"], "title": "layercake", "repository": "https://github.com/mhkeller/layercake" }, { "description": "Arrange infinite card elements according to various layout types like masonry", "npm": "@egjs/svelte-infinitegrid", - "tags": ["components-and-libraries", "layout-and-structure", "css-and-layout"], + "tags": ["ui-components", "layout-and-structure", "css-and-layout"], "title": "@egjs/svelte-infinitegrid", "repository": "https://github.com/naver/egjs-infinitegrid/blob/master/packages/svelte-infinitegrid" }, { "description": "Svelte Component that tracks a users progress through a page as they scroll", "npm": "svelte-page-progress", - "tags": ["intersection-observer", "viewport", "components-and-libraries", "user-interaction"], + "tags": ["intersection-observer", "ui-components", "user-interaction"], "title": "svelte-page-progress", "repository": "https://github.com/NomanGul/svelte-page-progress" }, { "description": "A multiseries, SVG progressbar component made with Svelte", "npm": "@okrad/svelte-progressbar", - "tags": ["components-and-libraries", "inputs-and-widgets", "data-visualisation"], + "tags": ["ui-components", "data-visualisation"], "title": "@okrad/svelte-progressbar", "repository": "https://github.com/okrad/svelte-progressbar" }, { "description": "Internationalize your Svelte apps using format-message and Intl object", "npm": "svelte-intl", - "tags": ["components-and-libraries", "internationalization"], + "tags": ["internationalization"], "title": "svelte-intl", "repository": "https://github.com/Panya/svelte-intl" }, { "description": "Wrapper for FetchQL, a GraphQL query client", "npm": "svql", - "tags": ["components-and-libraries", "stores-and-state", "design-pattern"], + "tags": ["data-fetching", "stores-and-state", "design-pattern"], "title": "svql", "repository": "https://github.com/pateketrueke/svql" }, @@ -967,28 +950,28 @@ { "description": "Asyncable store for Svelte 3 which is store a value as promise.", "npm": "svelte-asyncable", - "tags": ["stores-and-state", "async-data"], + "tags": ["stores-and-state"], "title": "svelte-asyncable", "repository": "https://github.com/sveltetools/svelte-asyncable" }, { "description": "SVG placeholder components for loading content", "npm": "svelte-content-loader", - "tags": ["components-and-libraries", "async-loading", "multimedia"], + "tags": ["ui-components", "multimedia"], "title": "svelte-content-loader", "repository": "https://github.com/PaulMaly/svelte-content-loader" }, { "description": "Simple Svelte component to compare two images using slider.", "npm": "svelte-image-compare", - "tags": ["components-and-libraries", "user-interaction"], + "tags": ["ui-components", "user-interaction"], "title": "svelte-image-compare", "repository": "https://github.com/PaulMaly/svelte-image-compare" }, { "description": "IMask input component and action for Svelte 3.", "npm": "svelte-imask", - "tags": ["components-and-libraries", "inputs-and-widgets", "forms-and-validation"], + "tags": ["ui-components", "forms-and-input"], "title": "svelte-imask", "repository": "https://github.com/PaulMaly/svelte-imask" }, @@ -1009,84 +992,84 @@ { "description": "Simple Svelte component which automatically makes its contents scrollable ticker-style if it's necessary.", "npm": "svelte-ticker", - "tags": ["components-and-libraries", "display-components"], + "tags": ["ui-components", "user-interaction"], "title": "svelte-ticker", "repository": "https://github.com/PaulMaly/svelte-ticker" }, { "description": "Dynamically load a Svelte component with placeholders and preloading", "npm": "svelte-viewpoint", - "tags": ["components-and-libraries", "async-loading", "design-pattern"], + "tags": ["ui-components", "design-pattern"], "title": "svelte-viewpoint", "repository": "https://github.com/sveltetools/svelte-viewpoint" }, { "description": "A replacement for the select menu with searching, multiple selections, async data loading etc.,", "npm": "select-madu", - "tags": ["components-and-libraries", "inputs-and-widgets", "forms-and-validation"], + "tags": ["ui-components", "forms-and-input"], "title": "select-madu", "repository": "https://github.com/pavish/select-madu" }, { "description": "a matchMedia plugin for Svelte 3", "npm": "svelte-match-media", - "tags": ["components-and-libraries", "layout-and-structure", "css-and-layout"], + "tags": ["layout-and-structure", "css-and-layout"], "title": "svelte-match-media", "repository": "https://github.com/pearofducks/svelte-match-media" }, { "description": "Writable stores for Firefox/Chrome extensions using `chrome.storage", "npm": "svelte-webext-storage-adapter", - "tags": ["components-and-libraries", "stores-and-state", "integrations"], + "tags": ["stores-and-state", "integrations"], "title": "svelte-webext-storage-adapter", "repository": "https://github.com/PixievoltNo1/svelte-webext-storage-adapter" }, { "description": "Two-way data-transforming stores", "npm": "svelte-writable-derived", - "tags": ["components-and-libraries", "stores-and-state"], + "tags": ["stores-and-state"], "title": "svelte-writable-derived", "repository": "https://github.com/PixievoltNo1/svelte-writable-derived" }, { "description": "A writable store with extra features", "npm": "storez", - "tags": ["components-and-libraries", "stores-and-state"], + "tags": ["stores-and-state"], "title": "storez", "repository": "https://github.com/plrenaudin/svelte-storez" }, { "description": "Use Svelte components with Vue and React", "npm": "svelte-adapter", - "tags": ["components-and-libraries", "integrations"], + "tags": ["integrations"], "title": "svelte-adapter", "repository": "https://github.com/pngwn/svelte-adapter" }, { "description": "Svelte component for FusionCharts JavaScript charting library", "npm": "svelte-fusioncharts", - "tags": ["components-and-libraries", "charts", "data-visualisation"], + "tags": ["ui-components", "charts", "data-visualisation"], "title": "svelte-fusioncharts", "repository": "https://github.com/fusioncharts/svelte-fusioncharts" }, { "description": "Simple autocomplete / typeahead component for Svelte", "npm": "simple-svelte-autocomplete", - "tags": ["components-and-libraries", "inputs-and-widgets", "forms-and-validation"], + "tags": ["ui-components", "forms-and-input"], "title": "Simple Svelte Autocomplete", "repository": "https://github.com/pstanoev/simple-svelte-autocomplete" }, { "description": "A color picker component for Svelte", "npm": "svelte-color-picker", - "tags": ["components-and-libraries", "inputs-and-widgets", "forms-and-validation"], + "tags": ["ui-components", "forms-and-input"], "title": "svelte-color-picker", "repository": "https://github.com/efeskucuk/svelte-color-picker" }, { "description": "Development helper for inspecting and opening Svelte components in your editor", "npm": "svelte-inspector", - "tags": ["components-and-libraries", "development-and-documentation", "developer-experience"], + "tags": ["testing", "documentation", "developer-experience"], "title": "svelte-inspector", "repository": "https://github.com/qutran/svelte-inspector" }, @@ -1100,28 +1083,28 @@ { "description": "An accessible dialog component for Svelte apps", "npm": "svelte-accessible-dialog", - "tags": ["components-and-libraries", "user-interaction"], + "tags": ["ui-components", "user-interaction"], "title": "svelte-accessible-dialog", "repository": "https://github.com/reecelucas/svelte-accessible-dialog" }, { "description": "Experimental charting library for Svelte", "npm": "@sveltejs/pancake", - "tags": ["components-and-libraries", "charts", "data-visualisation"], + "tags": ["ui-components", "charts", "data-visualisation"], "title": "@sveltejs/pancake", "repository": "https://github.com/Rich-Harris/pancake" }, { "description": "A select component for Svelte apps", "npm": "svelte-select", - "tags": ["components-and-libraries", "inputs-and-widgets", "forms-and-validation"], + "tags": ["ui-components", "forms-and-input"], "title": "svelte-select", "repository": "https://github.com/rob-balfre/svelte-select" }, { "description": "Awesome SVG icon component for Svelte JS, built with Font Awesome icons", "npm": "svelte-awesome", - "tags": ["components-and-libraries", "fonts-and-icons"], + "tags": ["ui-components", "icons-and-fonts"], "title": "svelte-awesome", "repository": "https://github.com/RobBrazier/svelte-awesome" }, @@ -1135,14 +1118,14 @@ { "description": "Customizable version of GitHub's contribution graph", "npm": "svelte-heatmap", - "tags": ["components-and-libraries", "time-and-date", "data-visualisation"], + "tags": ["ui-components", "date-and-time", "data-visualisation"], "title": "svelte-heatmap", "repository": "https://github.com/scottbedard/svelte-heatmap" }, { "description": "A carousel with touch support", "npm": "svelte-swipe", - "tags": ["components-and-libraries", "layout-and-structure", "user-interaction"], + "tags": ["ui-components", "layout-and-structure", "user-interaction"], "title": "svelte-swipe", "repository": "https://github.com/SharifClick/svelte-swipe" }, @@ -1156,34 +1139,28 @@ { "description": "Marquee fully responsive and adaptive for Svelte", "npm": "svelte-marquee", - "tags": ["components-and-libraries", "display-components"], + "tags": ["ui-components"], "title": "svelte-marquee", "repository": "https://github.com/silvestrevivo/svelte-marquee" }, { "description": "Range Slider Input, with Multi-handle and Pips features", "npm": "svelte-range-slider-pips", - "tags": [ - "components-and-libraries", - "inputs-and-widgets", - "forms-and-validation", - "interactions", - "forms-and-validation" - ], + "tags": ["ui-components", "forms-and-input", "user-interaction"], "title": "svelte-range-slider-pips", "repository": "https://github.com/simeydotme/svelte-range-slider-pips" }, { "description": "An infinite scroll component for Svelte apps", "npm": "svelte-infinite-loading", - "tags": ["components-and-libraries", "user-interaction"], + "tags": ["ui-components", "user-interaction"], "title": "svelte-infinite-loading", "repository": "https://github.com/Skayo/svelte-infinite-loading" }, { "description": "Simple Svelte form model handler and input validations", "npm": "@spaceavocado/svelte-form", - "tags": ["components-and-libraries", "forms-and-validation", "forms-and-validation"], + "tags": ["ui-components", "forms-and-input", "validation"], "title": "@spaceavocado/svelte-form", "repository": "https://github.com/spaceavocado/svelte-form" }, @@ -1197,28 +1174,28 @@ { "description": "Component to easily generate multitone images", "npm": "svelte-multitoneimage", - "tags": ["components-and-libraries", "images", "multimedia"], + "tags": ["ui-components", "images", "multimedia"], "title": "svelte-multitoneimage", "repository": "https://github.com/stephane-vanraes/svelte-multitoneimage" }, { "description": "UI component dev & test", "npm": "@storybook/sveltekit", - "tags": ["testing"], + "tags": ["testing", "integrations"], "title": "Storybook for SvelteKit", "repository": "https://github.com/storybookjs/storybook" }, { "description": "UI component dev & test", "npm": "@storybook/svelte", - "tags": ["testing"], + "tags": ["testing", "integrations"], "title": "Storybook for Svelte", "repository": "https://github.com/storybookjs/storybook" }, { "description": "A UI component library for Svelte implementing Google's Material Design specification", "npm": "svelte-toolbox", - "tags": ["components-and-libraries", "design-system"], + "tags": ["ui-components", "design-system"], "title": "svelte-toolbox", "repository": "https://github.com/svelte-toolbox/svelte-toolbox" }, @@ -1232,28 +1209,28 @@ { "description": "A (very experimental) project to bring WebGL to Svelte", "npm": "@sveltejs/gl", - "tags": ["user-interaction"], + "tags": ["user-interaction", "official"], "title": "@sveltejs/gl", "repository": "https://github.com/sveltejs/gl" }, { "description": "The `` component used on the Svelte website", "npm": "@sveltejs/svelte-repl", - "tags": ["components-and-libraries", "inputs-and-widgets", "forms-and-validation"], + "tags": ["ui-components", "forms-and-input", "official"], "title": "@sveltejs/svelte-repl", "repository": "https://github.com/sveltejs/svelte-repl" }, { "description": "A `` component for Svelte apps", "npm": "@sveltejs/svelte-scroller", - "tags": ["components-and-libraries", "layout-and-structure", "user-interaction"], + "tags": ["ui-components", "layout-and-structure", "user-interaction", "official"], "title": "@sveltejs/svelte-scroller", "repository": "https://github.com/sveltejs/svelte-scroller" }, { "description": "A virtual list component for Svelte apps", "npm": "@sveltejs/svelte-virtual-list", - "tags": ["components-and-libraries", "layout-and-structure", "design-pattern"], + "tags": ["ui-components", "layout-and-structure", "design-pattern", "official"], "title": "@sveltejs/svelte-virtual-list", "repository": "https://github.com/sveltejs/svelte-virtual-list" }, @@ -1262,7 +1239,7 @@ "repository": "https://github.com/gitbreaker222/svelte-virtual-list", "description": "A virtual list component for Svelte apps - Community Edition", "npm": "svelte-virtual-list-ce", - "tags": ["components-and-libraries", "layout-and-structure", "design-pattern"] + "tags": ["ui-components", "layout-and-structure", "design-pattern"] }, { "description": "abstract-state-router renderer for Svelte", @@ -1281,77 +1258,77 @@ { "description": "Svelte component for file upload and file dropzone.", "npm": "svelte-file-dropzone", - "tags": ["components-and-libraries", "inputs-and-widgets", "forms-and-validation"], + "tags": ["ui-components", "forms-and-input"], "title": "svelte-file-dropzone", "repository": "https://github.com/thecodejack/svelte-file-dropzone" }, { "description": "Svelte integration for Apollo GraphQL", "npm": "svelte-apollo", - "tags": ["components-and-libraries", "stores-and-state", "design-pattern"], + "tags": ["data-fetching", "stores-and-state", "design-pattern"], "title": "svelte-apollo", "repository": "https://github.com/timhall/svelte-apollo" }, { "description": "Fomantic-UI components for Svelte 3", "npm": "sveltemantic", - "tags": ["components-and-libraries", "design-system"], + "tags": ["ui-components", "design-system"], "title": "sveltemantic", "repository": "https://github.com/titans-inc/sveltemantic" }, { "description": "A lightweight library for managing forms in Svelte", "npm": "svelte-forms-lib", - "tags": ["components-and-libraries", "forms-and-validation"], + "tags": ["ui-components", "forms-and-input", "validation"], "title": "svelte-forms-lib", "repository": "https://github.com/tjinauyeung/svelte-forms-lib" }, { "description": "A responsive, draggable and resizable grid layout, for Svelte", "npm": "svelte-grid", - "tags": ["components-and-libraries", "layout-and-structure", "user-interaction"], + "tags": ["ui-components", "layout-and-structure", "user-interaction"], "title": "svelte-grid", "repository": "https://github.com/vaheqelyan/svelte-grid" }, { "description": "A smart popover component for Svelte", "npm": "svelte-popover", - "tags": ["components-and-libraries", "layout-and-structure", "user-interaction"], + "tags": ["ui-components", "layout-and-structure", "user-interaction"], "title": "svelte-popover", "repository": "https://github.com/vaheqelyan/svelte-popover" }, { "description": "A Svelte component to crop images with easy interactions", "npm": "svelte-easy-crop", - "tags": ["components-and-libraries", "images", "forms-and-validation"], + "tags": ["ui-components", "images", "forms-and-input"], "title": "svelte-easy-crop", "repository": "https://github.com/ValentinH/svelte-easy-crop" }, { "description": "A set of Svelte UI components inspired by Google's Material Design", "npm": "svelte-mui", - "tags": ["components-and-libraries", "design-system"], + "tags": ["ui-components", "design-system"], "title": "svelte-mui", "repository": "https://github.com/vikignt/svelte-mui" }, { "description": "Focused on making embedding and using media elements for the web simple.", "npm": "@vime/svelte", - "tags": ["audio-and-video", "components-and-libraries", "inputs-and-widgets", "multimedia"], + "tags": ["audio-and-video", "ui-components", "multimedia"], "title": "Vime", "repository": "https://github.com/vime-js/vime" }, { - "description": "🔌 Simple Svelte component to detect offline & online changes.", + "description": "Simple Svelte component to detect offline & online changes.", "npm": "s-offline", - "tags": ["offline-and-online-detection", "network-events", "design-pattern"], + "tags": ["user-interaction", "network-events", "design-pattern"], "title": "s-offline", "repository": "https://github.com/vinayakkulkarni/s-offline" }, { "description": "A fast, friendly, and fun web UI kit for everyone", "npm": "minna-ui", - "tags": ["components-and-libraries", "design-system"], + "tags": ["ui-components", "design-system"], "title": "minna-ui", "repository": "https://github.com/WeAreGenki/minna-ui" }, @@ -1361,7 +1338,7 @@ "repository": "https://github.com/huntabyte/shadcn-svelte", "description": "shadcn/ui, but for Svelte", "npm": "shadcn-svelte", - "tags": ["components-and-libraries", "design-system"] + "tags": ["ui-components", "design-system"] }, { "title": "svelte-headlessui", @@ -1369,61 +1346,61 @@ "repository": "https://github.com/CaptainCodeman/svelte-headlessui", "description": "HeadlessUI components for Svelte", "npm": "svelte-headlessui", - "tags": ["components-and-libraries", "design-system"] + "tags": ["ui-components", "design-system", "headless"] }, { "description": "CSS media queries in Svelte", "npm": "svelte-media-query", - "tags": ["components-and-libraries", "layout-and-structure", "css-and-layout"], + "tags": ["ui-components", "layout-and-structure", "css-and-layout"], "title": "svelte-media-query", "repository": "https://github.com/xelaok/svelte-media-query" }, { "description": "Reactive MVVM with MobX & Svelte", "npm": "svelte-mobx", - "tags": ["components-and-libraries", "stores-and-state", "design-pattern"], + "tags": ["stores-and-state", "design-pattern"], "title": "svelte-mobx", "repository": "https://github.com/xelaok/svelte-mobx" }, { "description": "Input masking component for Svelte (credit cards, phones, dates, numbers, etc.)", "npm": "svelte-input-mask", - "tags": ["components-and-libraries", "inputs-and-widgets", "forms-and-validation"], + "tags": ["ui-components", "forms-and-input"], "title": "svelte-input-mask", "repository": "https://github.com/xnimorz/svelte-input-mask" }, { "description": "Easily customizable library for validation scenarios in svelte components.", "npm": "svelidation", - "tags": ["components-and-libraries", "forms-and-validation"], + "tags": ["ui-components", "validation"], "title": "svelidation", "repository": "https://github.com/yazonnile/svelidation" }, { "description": "A Svelte component wrapper around FullCalendar.", "npm": "svelte-fullcalendar", - "tags": ["components-and-libraries", "time-and-date", "forms-and-validation"], + "tags": ["ui-components", "date-and-time", "forms-and-input"], "title": "svelte-fullcalendar", "repository": "https://github.com/YogliB/svelte-fullcalendar" }, { "description": "Svelte item list with pagination", "npm": "svelte-item-list", - "tags": ["components-and-libraries", "user-interaction"], + "tags": ["ui-components", "user-interaction"], "title": "svelte-item-list", "repository": "https://github.com/the-homeless-god/svelte-item-list" }, { "description": "Web-components library built with Svelte", "npm": "@zooplus/zoo-web-components", - "tags": ["components-and-libraries", "design-system"], + "tags": ["ui-components", "design-system"], "title": "@zooplus/zoo-web-components", "repository": "https://github.com/zooplus/zoo-web-components" }, { "description": "Svelte UI kit based on Atol design", "npm": "svelte-atoms", - "tags": ["components-and-libraries", "design-system"], + "tags": ["ui-components", "design-system"], "title": "svelte-atoms", "repository": "https://gitlab.com/az67128/svelte-atoms" }, @@ -1438,19 +1415,14 @@ { "description": "A tiny but mighty list virtualization library for Svelte, with zero dependencies - Supports variable heights/widths, sticky items, scrolling to index, and more!", "npm": "svelte-tiny-virtual-list", - "tags": ["components-and-libraries", "design-pattern"], + "tags": ["ui-components", "layout-and-structure", "design-pattern"], "title": "svelte-tiny-virtual-list", "repository": "https://github.com/Skayo/svelte-tiny-virtual-list" }, { "description": "Drop files(s) or click to browse file system", "npm": "@svelte-parts/drop-file", - "tags": [ - "components-and-libraries", - "inputs-and-widgets", - "typescript", - "forms-and-validation" - ], + "tags": ["user-interaction", "typescript", "forms-and-input"], "title": "@svelte-parts/drop-file", "url": "https://svelte-parts.surge.sh/drop-file", "repository": "https://github.com/idris-maps/svelte-parts" @@ -1458,7 +1430,7 @@ { "description": "Yet another form component", "npm": "@svelte-parts/form", - "tags": ["components-and-libraries", "typescript", "forms-and-validation"], + "tags": ["ui-components", "typescript", "forms-and-input"], "title": "@svelte-parts/form", "url": "https://svelte-parts.surge.sh/form", "repository": "https://github.com/idris-maps/svelte-parts" @@ -1466,7 +1438,7 @@ { "description": "SVG icons from feather icons, maki icons and octicons", "npm": "@svelte-parts/icons", - "tags": ["components-and-libraries", "fonts-and-icons"], + "tags": ["ui-components", "icons-and-fonts"], "title": "@svelte-parts/icons", "url": "https://svelte-parts.surge.sh/icons", "repository": "https://github.com/idris-maps/svelte-parts" @@ -1474,7 +1446,7 @@ { "description": "Allow pan and zoom on images", "npm": "@svelte-parts/zoom", - "tags": ["components-and-libraries", "typescript", "multimedia"], + "tags": ["ui-components", "typescript", "multimedia"], "title": "@svelte-parts/zoom", "url": "https://svelte-parts.surge.sh/zoom", "repository": "https://github.com/idris-maps/svelte-parts" @@ -1482,14 +1454,14 @@ { "description": "Use Appwrite in Svelte components", "npm": "svelte-appwrite", - "tags": ["components-and-libraries", "integrations"], + "tags": ["ui-components", "auth", "integrations"], "title": "svelte-appwrite", "repository": "https://github.com/appwrite/sdk-for-svelte" }, { "description": "svelte-pdf provides a component for rendering PDF documents using PDF.js", "npm": "svelte-pdf", - "tags": ["components-and-libraries", "display-components"], + "tags": ["ui-components", "multimedia", "integrations"], "title": "svelte-pdf", "repository": "https://github.com/vinodnimbalkar/svelte-pdf" }, @@ -1503,7 +1475,7 @@ { "description": "A set of Fomantic-UI components for Svelte framework", "npm": "svantic", - "tags": ["components-and-libraries", "design-system"], + "tags": ["ui-components", "design-system"], "title": "svantic", "repository": "https://github.com/ryu-man/svantic" }, @@ -1517,14 +1489,14 @@ { "description": "A collection of renderless/headless components for Svelte", "npm": "renderless-svelte", - "tags": ["components-and-libraries", "user-interaction"], + "tags": ["ui-components", "headless", "user-interaction"], "title": "Renderless Svelte", "repository": "https://github.com/stephane-vanraes/renderless-svelte" }, { "description": "Set of simple state machines for Svelte applications", "npm": "svate", - "tags": ["components-and-libraries", "stores-and-state"], + "tags": ["design-pattern", "stores-and-state"], "title": "svate", "repository": "https://github.com/AlexxNB/svate" }, @@ -1533,14 +1505,14 @@ "repository": "https://github.com/kindoflew/svelte-parallax", "npm": "svelte-parallax", "description": "A spring-based parallax component for Svelte, based on react-spring/parallax.", - "tags": ["components-and-libraries", "user-interaction"] + "tags": ["ui-components", "user-interaction"] }, { "title": "Svelte Modals", "url": "https://svelte-modals.mattjennings.io", "npm": "svelte-modals", "description": "A simple, flexible, zero-dependency modal manager for Svelte.", - "tags": ["components-and-libraries", "user-interaction"], + "tags": ["ui-components", "user-interaction"], "repository": "https://github.com/mattjennings/svelte-modals" }, { @@ -1560,7 +1532,7 @@ { "description": "The awesome carousel component for Svelte 3", "npm": "svelte-carousel", - "tags": ["components-and-libraries", "layout-and-structure", "user-interaction"], + "tags": ["ui-components", "layout-and-structure", "user-interaction"], "title": "svelte-carousel", "repository": "https://github.com/vadimkorr/svelte-carousel" }, @@ -1574,42 +1546,42 @@ { "description": "Declarative pincode component for Svelte", "npm": "svelte-pincode", - "tags": ["components-and-libraries", "user-interaction"], + "tags": ["ui-components", "user-interaction", "forms-and-input"], "title": "svelte-pincode", "repository": "https://github.com/metonym/svelte-pincode" }, { "description": "Official tsParticles Svelte Component - Easily create highly customizable particle animations and use them as animated backgrounds for your website.", - "npm": "svelte-particles", - "tags": ["components-and-libraries", "typescript", "animations", "display-components"], - "title": "svelte-particles", + "npm": "@tsparticles/svelte", + "tags": ["ui-components", "typescript", "animations"], + "title": "@tsparticles/svelte", "repository": "https://github.com/tsparticles/svelte/" }, { "description": "Svelte components for tiptap v2. Open source headless content editor.", "npm": "svelte-tiptap", - "tags": ["components-and-libraries", "forms-and-validation"], + "tags": ["ui-components", "forms-and-input"], "title": "svelte-tiptap", "repository": "https://github.com/sibiraj-s/svelte-tiptap" }, { "description": "PaperCSS components for Svelte", "npm": "spaper", - "tags": ["components-and-libraries", "design-system"], + "tags": ["ui-components", "design-system"], "title": "Spaper", "repository": "https://github.com/Oli8/spaper" }, { "description": "Full-sized drag & drop event calendar with resource view", "npm": "@event-calendar/core", - "tags": ["components-and-libraries", "time-and-date", "forms-and-validation"], + "tags": ["ui-components", "date-and-time", "forms-and-input"], "title": "Event Calendar", "repository": "https://github.com/vkurko/calendar" }, { "description": "Straight-forward Svelte UI, made with Windi CSS", "npm": "@kahi-ui/framework", - "tags": ["components-and-libraries", "design-system"], + "tags": ["ui-components", "design-system"], "title": "Kahi UI", "repository": "https://github.com/novacbn/kahi-ui" }, @@ -1624,33 +1596,28 @@ "title": "svelte-multiselect", "repository": "https://github.com/janosh/svelte-multiselect", "description": "Keyboard-friendly, accessible and highly customizable multi-select component", - "tags": [ - "components-and-libraries", - "inputs-and-widgets", - "forms-and-validation", - "interactions" - ], + "tags": ["ui-components", "forms-and-input", "user-interaction"], "npm": "svelte-multiselect" }, { "title": "svelte-toc", "repository": "https://github.com/janosh/svelte-toc", "description": "Sticky responsive table of contents component", - "tags": ["components-and-libraries", "in-page-navigation", "async-loading", "user-interaction"], + "tags": ["ui-components", "in-page-navigation", "user-interaction"], "npm": "svelte-toc" }, { "title": "svelte-bricks", "repository": "https://github.com/janosh/svelte-bricks", "description": "Naive Svelte masonry component without column balancing (ragged columns at the bottom)", - "tags": ["components-and-libraries", "layout-and-structure", "css-and-layout"], + "tags": ["ui-components", "layout-and-structure", "css-and-layout"], "npm": "svelte-bricks" }, { "title": "Svelte (and SvelteKit) OAuth2", "description": "Add OAuth2 authorization in Svelte (and SvelteKit, works with SSR)", "npm": "@macfja/svelte-oauth2", - "tags": ["auth", "integrations", "ssr", "third-party-services"], + "tags": ["auth", "integrations", "ssr"], "repository": "https://github.com/macfja/svelte-oauth2#readme" }, { @@ -1658,40 +1625,35 @@ "repository": "https://github.com/paolotiu/svelte-boring-avatars", "description": "Svelte port of Boring Avatars", "npm": "svelte-boring-avatars", - "tags": ["components-and-libraries", "images", "typescript", "ssr", "fonts-and-icons"] + "tags": ["ui-components", "images", "typescript", "ssr", "icons-and-fonts"] }, { "title": "filedrop-svelte", "repository": "https://github.com/chanced/filedrop-svelte", "description": "file dropzone action & component", "npm": "filedrop-svelte", - "tags": ["interactions", "inputs-and-widgets", "forms-and-validation"] + "tags": ["user-interaction", "forms-and-input"] }, { "title": "focus-svelte", "repository": "https://github.com/chanced/focus-svelte", "description": "focus lock for accessibility", "npm": "focus-svelte", - "tags": ["interactions", "forms-and-validation"] + "tags": ["user-interaction", "forms-and-input"] }, { "title": "svelte-translate", "repository": "https://github.com/noelmugnier/svelte-translate", "description": "Use a dynamic translation service (loaded from xx-XX.json files) and fallback to the text in html tags if no translations are provided.", "npm": "svelte-translate", - "tags": ["components-and-libraries", "internationalization"] + "tags": ["ui-components", "internationalization"] }, { "title": "svelecte", "repository": "https://github.com/mskocik/svelecte", "description": "Selectize-like autocomplete select/multiselect/tagging component", "npm": "svelecte", - "tags": [ - "components-and-libraries", - "forms-and-validation", - "interactions", - "inputs-and-widgets" - ] + "tags": ["ui-components", "forms-and-input", "user-interaction"] }, { "title": "svelte-adapter-azure-swa", @@ -1719,28 +1681,28 @@ "repository": "https://github.com/kenkunz/svelte-fsm", "description": "Tiny, expressive, Svelte-optimized Finite State Machine library", "npm": "svelte-fsm", - "tags": ["in-page-navigation", "stores-and-state"] + "tags": ["design-pattern", "stores-and-state"] }, { "title": "svelte-pin-input", "repository": "https://github.com/Yellowinq/svelte-pin-input", "description": "Pin Input component for Svelte", "npm": "@yellowinq/svelte-pin-input", - "tags": ["inputs-and-widgets", "components-and-libraries", "forms-and-validation"] + "tags": ["ui-components", "forms-and-input"] }, { "title": "svelte-codesandbox", "repository": "https://github.com/tropix126/svelte-codesandbox", "description": "A powerful Svelte wrapper component around the CodeSandbox editor embed.", "npm": "svelte-codesandbox", - "tags": ["integrations", "inputs-and-widgets", "typescript"] + "tags": ["integrations", "forms-and-input", "typescript"] }, { "title": "svelte-icons-pack", "repository": "https://github.com/leshak/svelte-icons-pack", "description": "Icons pack", "npm": "svelte-icons-pack", - "tags": ["fonts-and-icons", "design-system"] + "tags": ["icons-and-fonts", "design-system"] }, { "title": "@joeinnes/svelte-image", @@ -1761,7 +1723,7 @@ "url": "https://svelte-intl-precompile.com/", "description": "I18n library for Svelte.js that analyzes your keys at build time for max performance and minimal footprint", "npm": "svelte-intl-precompile", - "tags": ["internationalization"], + "tags": ["internationalization", "bundler-plugins"], "repository": "https://github.com/cibernox/svelte-intl-precompile" }, { @@ -1769,21 +1731,21 @@ "repository": "https://github.com/GCBenlloch/svelte-cleavejs", "description": "Svelte action for Cleave.js input masking", "npm": "svelte-cleavejs", - "tags": ["inputs-and-widgets", "user-interaction"] + "tags": ["forms-and-input", "user-interaction"] }, { "title": "svelty-picker", "repository": "https://github.com/mskocik/svelty-picker", "description": "Simple date & time picker you will love", "npm": "svelty-picker", - "tags": ["forms-and-validation", "inputs-and-widgets", "interactions", "time-and-date"] + "tags": ["forms-and-input", "user-interaction", "date-and-time"] }, { "title": "svelte-slider", "repository": "https://github.com/korywka/svelte-slider", "description": "Single and Range sliders", "npm": "svelte-slider", - "tags": ["components-and-libraries", "forms-and-validation", "inputs-and-widgets"] + "tags": ["ui-components", "forms-and-input"] }, { "title": "sveltekit-adapter-wordpress-shortcode", @@ -1797,7 +1759,7 @@ "repository": "https://github.com/MacFJA/svelte-expirable", "description": "A Svelte store with items that expire", "npm": "@macfja/svelte-expirable", - "tags": ["interactions", "notifications", "stores-and-state"] + "tags": ["user-interaction", "notifications", "stores-and-state"] }, { "title": "Store2", @@ -1825,7 +1787,7 @@ "repository": "https://github.com/Rezi/svelte-gestures", "description": "collection of gesture recognisers for Svelte.", "npm": "svelte-gestures", - "tags": ["interactions", "inputs-and-widgets", "user-interaction"] + "tags": ["user-interaction"] }, { "title": "svelte-adapter-github", @@ -1839,14 +1801,14 @@ "repository": "https://github.com/shaozi/svelte-steps", "description": "A wizard steps component", "npm": "svelte-steps", - "tags": ["inputs-and-widgets", "user-interaction"] + "tags": ["ui-components", "user-interaction"] }, { - "title": "agnostic-svelte", - "description": "Svelte UI component library", + "title": "AgnosticUI Svelte", + "description": "A set of UI primitives that start their lives in clean HTML and CSS", "repository": "https://github.com/AgnosticUI/agnosticui/tree/master/agnostic-svelte", "npm": "agnostic-svelte", - "tags": ["components-and-libraries", "design-system"] + "tags": ["ui-components", "design-system"] }, { "title": "svelte-adapter-static-digitalocean", @@ -1860,7 +1822,7 @@ "repository": "https://github.com/jycouet/kitql", "description": "A set of tools, helping you building efficient apps in a fast way.", "npm": "@kitql/all-in", - "tags": ["async-data", "async-loading", "graphql", "ssr", "stores-and-state"] + "tags": ["data-fetching", "ssr", "stores-and-state"] }, { "title": "svelte-brick-gallery", @@ -1881,21 +1843,21 @@ "repository": "https://github.com/rgossiaux/svelte-headlessui", "description": "Unofficial Svelte port of the Headless UI component library", "npm": "@rgossiaux/svelte-headlessui", - "tags": ["components-and-libraries", "design-system"] + "tags": ["ui-components", "headless", "design-system"] }, { "title": "BeerUi", "repository": "https://github.com/beerui/BeerUi", "description": "A Svelte Ui Components", "npm": "@brewer/beerui", - "tags": ["components-and-libraries", "time-and-date", "design-system"] + "tags": ["ui-components", "date-and-time", "design-system"] }, { "title": "Skeleton", "url": "https://skeleton.dev/", "description": "A fully featured web UI toolkit for Svelte and Tailwind.", "npm": "@skeletonlabs/skeleton", - "tags": ["components-and-libraries", "design-system"], + "tags": ["ui-components", "typescript", "design-system"], "repository": "https://github.com/skeletonlabs/skeleton" }, { @@ -1903,7 +1865,7 @@ "repository": "https://github.com/wd-David/svelte-hover-draw-svg", "description": "A lightweight Svelte component to draw SVG on hover.", "npm": "svelte-hover-draw-svg", - "tags": ["animations", "components-and-libraries", "interactions", "user-interaction"] + "tags": ["animations", "ui-components", "user-interaction"] }, { "title": "Casual UI Svelte", @@ -1911,9 +1873,9 @@ "description": "A simple, easy to use UI components lib for Svelte developers.", "npm": "@casual-ui/svelte", "tags": [ - "animations", - "components-and-libraries", - "forms-and-validation", + "design-system", + "ui-components", + "forms-and-input", "notifications", "user-interaction" ] @@ -1923,48 +1885,42 @@ "repository": "https://github.com/specialdoom/proi-ui", "description": "Yet another Svelte UI lib", "npm": "@specialdoom/proi-ui", - "tags": ["components-and-libraries", "user-interaction"] + "tags": ["ui-components", "design-system", "user-interaction"] }, { "title": "svelte-currency-input", "repository": "https://github.com/fmaclen/svelte-currency-input", "description": "A form input that converts numbers to localized currency formats as you type", "npm": "@canutin/svelte-currency-input", - "tags": ["forms-and-validation", "inputs-and-widgets", "internationalization", "typescript"] + "tags": ["forms-and-input", "internationalization", "typescript"] }, { "title": "flowbite-svelte", "repository": "https://github.com/themesberg/flowbite-svelte", "description": "Official Svelte components built for Flowbite and Tailwind CSS", "npm": "flowbite-svelte", - "tags": ["components-and-libraries", "design-system"] + "tags": ["ui-components", "design-system"] }, { "title": "typesafe-i18n", "repository": "https://github.com/ivanhofer/typesafe-i18n", "description": "A fully type-safe and lightweight internationalization library for all your TypeScript and JavaScript projects.", "npm": "typesafe-i18n", - "tags": ["components-and-libraries", "internationalization", "typescript"] + "tags": ["ui-components", "internationalization", "typescript"] }, { "title": "tolgee/svelte", "repository": "https://github.com/tolgee/tolgee-js/tree/main/packages/svelte", "description": "Web-based localization tool enabling users to translate directly in the Svelte app they develop", "npm": "@tolgee/svelte", - "tags": ["components-and-libraries", "internationalization"] + "tags": ["ui-components", "internationalization"] }, { "title": "sthemer", "repository": "https://github.com/ivanhofer/sthemer", "description": "A lightweight yet powerful solution to support multiple color schemes in your Svelte/SvelteKit application.", "npm": "sthemer", - "tags": [ - "components-and-libraries", - "layout-and-structure", - "ssr", - "typescript", - "design-system" - ] + "tags": ["ui-components", "layout-and-structure", "ssr", "typescript", "design-system"] }, { "title": "svelte-exstore", @@ -1978,28 +1934,21 @@ "description": "A component to play a video by scrolling the page", "repository": "https://github.com/macfja/svelte-scroll-video#readme", "npm": "@macfja/svelte-scroll-video", - "tags": [ - "audio-and-video", - "images", - "inputs-and-widgets", - "interactions", - "viewport", - "user-interaction" - ] + "tags": ["audio-and-video", "images", "intersection-observer", "user-interaction"] }, { "title": "@prgm/sveltekit-progress-bar", "repository": "https://github.com/prgm-dev/sveltekit-progress-bar", "description": "A progress bar component that hooks to SvelteKit navigation", "npm": "@prgm/sveltekit-progress-bar", - "tags": ["async-loading", "components-and-libraries", "in-page-navigation", "user-interaction"] + "tags": ["ui-components", "in-page-navigation", "user-interaction"] }, { "title": "svelte-unicons", "repository": "https://github.com/devShamim/svelte-unicons", "description": "Unicons for Svelte based on @iconscout/unicons", "npm": "svelte-unicons", - "tags": ["components-and-libraries", "fonts-and-icons", "user-interaction"] + "tags": ["ui-components", "icons-and-fonts", "user-interaction"] }, { "title": "svelte-google-auth", @@ -2010,10 +1959,10 @@ }, { "title": "sveltekit-adapter-firebase", - "repository": "https://github.com/simonnepomuk/monorepo", + "repository": "https://github.com/simonnepomuk/monorepo/tree/main/libs/sveltekit-adapter-firebase", "description": "SvelteKit Adapter for Firebase", "npm": "sveltekit-adapter-firebase", - "tags": ["auth", "integrations", "ssr", "sveltekit-adapters"] + "tags": ["integrations", "ssr", "sveltekit-adapters"] }, { "title": "sveltekit-search-params", @@ -2034,14 +1983,14 @@ "repository": "https://github.com/GeoffCox/sterling-svelte", "description": "A modern, accessible, and lightweight component library for Svelte.", "npm": "@geoffcox/sterling-svelte", - "tags": ["components-and-libraries", "typescript", "design-system"] + "tags": ["ui-components", "typescript", "design-system"] }, { "title": "@perfectthings/ui", "url": "https://ui.perfectthings.dev/", "description": "A set of simple, but perfect, UI components, written in Svelte", "npm": "@perfectthings/ui", - "tags": ["components-and-libraries", "inputs-and-widgets", "display-components"], + "tags": ["design-system", "forms-and-input", "ui-components"], "repository": "https://github.com/perfect-things/ui/" }, { @@ -2049,14 +1998,14 @@ "repository": "https://github.com/tanstack/query", "description": "Powerful asynchronous state management, server-state utilities and data fetching for the web", "npm": "@tanstack/svelte-query", - "tags": ["async-data", "async-loading", "network-events", "ssr", "typescript", "design-pattern"] + "tags": ["data-fetching", "network-events", "stores-and-state", "typescript"] }, { "title": "svelte-form-builder", "repository": "https://github.com/pragmatic-engineering/svelte-form-builder-community", "description": "A No-Code Form Builder Library", "npm": "@pragmatic-engineering/svelte-form-builder-community", - "tags": ["forms-and-validation", "components-and-libraries"] + "tags": ["forms-and-input", "validation", "ui-components"] }, { "title": "SvelteKit Cordova/Capacitor Adapter", @@ -2092,96 +2041,77 @@ "repository": "https://github.com/PatrickG/html-svelte-parser", "description": "HTML to Svelte parser that works on both the server and the client.", "npm": "html-svelte-parser", - "tags": [ - "components-and-libraries", - "layout-and-structure", - "ssr", - "typescript", - "developer-experience" - ] + "tags": ["ui-components", "ssr", "typescript", "developer-experience"] }, { "title": "Svelte Droplet", "repository": "https://github.com/probablykasper/svelte-droplet", "description": "File dropzone utility with styling up to you", "npm": "svelte-droplet", - "tags": ["inputs-and-widgets", "forms-and-validation", "interactions"] + "tags": ["forms-and-input", "user-interaction"] }, { "title": "chat-embed", "repository": "https://github.com/mawa-ai/chat-embed", "description": "A chat component made with svelte", "npm": "chat-embed", - "tags": ["components-and-libraries", "forms-and-validation", "inputs-and-widgets"] + "tags": ["ui-components", "forms-and-input"] }, { "title": "Lucide icons", "repository": "https://github.com/lucide-icons/lucide", "description": "Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.", "npm": "lucide-svelte", - "tags": ["fonts-and-icons", "components-and-libraries", "user-interaction"] + "tags": ["icons-and-fonts", "ui-components"] }, { "title": "YeSvelte", "repository": "https://github.com/yesvelte/yesvelte", "description": "Flexible Svelte UI component library, designed to help developers build enterprise-grade web applications quickly and easily", "npm": "yesvelte", - "tags": [ - "components-and-libraries", - "forms-and-validation", - "inputs-and-widgets", - "time-and-date", - "typescript" - ] + "tags": ["ui-components", "design-system", "forms-and-input", "date-and-time", "typescript"] }, { "title": "QR Code generator for SvelteKit", "repository": "https://github.com/bonosoft/sveltekit-qrcode", "description": "Use QR codes to initialise your onetime password generator or transfer other information", "npm": "@bonosoft/sveltekit-qrcode", - "tags": ["auth", "interactions", "user-interaction"] + "tags": ["auth", "user-interaction"] }, { "title": "Progress component for SvelteKit", "repository": "https://github.com/bonosoft/sveltekit-progress", "description": "Add circular or square status and progress indicators to your pages", "npm": "@bonosoft/sveltekit-progress", - "tags": ["components-and-libraries", "user-interaction"] + "tags": ["ui-components", "user-interaction"] }, { "title": "Code Entry component for SvelteKit", "repository": "https://github.com/bonosoft/sveltekit-codeentry", "description": "Allows user to enter pin or numeric codes for example onetime passwords", "npm": "@bonosoft/sveltekit-codeentry", - "tags": ["auth", "forms-and-validation"] + "tags": ["auth", "forms-and-input"] }, { "title": "@radar-azdelta/svelte-datatable", "repository": "https://github.com/RADar-AZDelta/svelte-datatable", "description": "A datatable in Svelte that can handle very lage CSV's with ease.", "npm": "@radar-azdelta/svelte-datatable", - "tags": ["components-and-libraries", "typescript", "data-visualisation"] + "tags": ["ui-components", "typescript", "data-visualisation"] }, { "title": "svelte-svg-transform", "repository": "https://github.com/bartektelec/svelte-svg-transform", "description": "A tiny component to override SVG file properties", "npm": "svelte-svg-transform", - "tags": [ - "components-and-libraries", - "fonts-and-icons", - "images", - "layout-and-structure", - "typescript", - "developer-experience" - ] + "tags": ["ui-components", "icons-and-fonts", "images", "layout-and-structure", "typescript"] }, { "title": "@nerd-coder/svelte-zod-form", "repository": "https://github.com/nerd-coder/svelte-zod-form", "description": "Building forms in Svelte with breeze, using Zod", "npm": "@nerd-coder/svelte-zod-form", - "tags": ["forms-and-validation"] + "tags": ["forms-and-input", "validation"] }, { "title": "sveltekit-adapter-iis", @@ -2195,28 +2125,28 @@ "repository": "https://github.com/thecodejack/svelte-dx-table", "description": "Simple dev friendly Svelte component for building a HTML Table with basic features like sorting by default.", "npm": "svelte-dx-table", - "tags": ["components-and-libraries", "layout-and-structure", "user-interaction"] + "tags": ["ui-components", "layout-and-structure", "data-visualisation", "user-interaction"] }, { "title": "svelte-switch", "repository": "https://github.com/thecodejack/svelte-switch", "description": "SvelteJS component for switch or toggle a boolean. User would be able to drag or click for toggling.", "npm": "svelte-switch", - "tags": ["components-and-libraries", "inputs-and-widgets", "forms-and-validation"] + "tags": ["ui-components", "forms-and-input"] }, { "title": "svelte-pagination", "repository": "https://github.com/thecodejack/svelte-pagination", "description": "Raw SvelteJS component for dynamic pagination. By applying styles, developer can acheive component in multiple forms.", "npm": "svelte-pagination", - "tags": ["components-and-libraries", "inputs-and-widgets", "forms-and-validation"] + "tags": ["ui-components", "in-page-navigation"] }, { "title": "STDF", "url": "https://stdf.design/", "description": "Mobile web component library based on Svelte and Tailwind.", "npm": "stdf", - "tags": ["components-and-libraries", "design-system"], + "tags": ["ui-components", "design-system"], "repository": "https://github.com/any-tdf/stdf" }, { @@ -2224,14 +2154,14 @@ "repository": "https://github.com/TwicPics/components", "description": "Images and videos components - Context aware resizing and cropping, lazy-loading, LQIP, Next-Gen format, compression, CDN.", "npm": "@twicpics/components", - "tags": ["components-and-libraries", "images", "audio-and-video", "multimedia"] + "tags": ["ui-components", "images", "audio-and-video", "multimedia"] }, { "title": "Svane", "repository": "https://github.com/ShipBit/svane", "description": "A single-component dev helper to see your current Tailwind breakpoint", "npm": "@shipbit/svane", - "tags": ["components-and-libraries", "viewport", "layout-and-structure", "developer-experience"] + "tags": ["ui-components", "layout-and-structure", "developer-experience"] }, { "title": "sveltekit-html-minifier", @@ -2245,7 +2175,7 @@ "repository": "https://github.com/ntsd/svelte-tex", "description": "Svelte component to convert TeX/LaTeX to MathML or SVG", "npm": "svelte-tex", - "tags": ["components-and-libraries", "images", "developer-experience"] + "tags": ["ui-components", "images", "developer-experience"] }, { "title": "drab", @@ -2253,14 +2183,14 @@ "repository": "https://github.com/rossrobino/drab", "description": "Unstyled Svelte component library", "npm": "drab", - "tags": ["components-and-libraries", "interactions", "typescript", "display-components"] + "tags": ["design-system", "headless", "user-interaction", "typescript", "ui-components"] }, { - "title": "supasveltekit", + "title": "SupaSvelteKit", "repository": "https://github.com/OpenFrenchFries/supasveltekit", "description": "🌟 Where Svelte's elegance meets Supabase's might! 🌟", "npm": "supasveltekit", - "tags": ["components-and-libraries", "developer-experience"] + "tags": ["ui-components", "integrations", "developer-experience"] }, { "title": "@jill64/sveltekit-adapter-aws", @@ -2296,21 +2226,14 @@ "repository": "https://github.com/techniq/layerchart", "description": "Composable Svelte chart components to build a wide range of visualizations", "npm": "layerchart", - "tags": ["charts", "components-and-libraries", "data-visualisation"] + "tags": ["charts", "ui-components", "data-visualisation"] }, { "title": "@egjs/svelte-flicking", "repository": "https://github.com/naver/egjs-flicking", "description": "🎠 ♻️ Everyday 30 million people experience. It's reliable, flexible and extendable carousel.", "npm": "@egjs/svelte-flicking", - "tags": [ - "interactions", - "images", - "typescript", - "ssr", - "layout-and-structure", - "user-interaction" - ] + "tags": ["images", "typescript", "ssr", "layout-and-structure", "user-interaction"] }, { "title": "Svelte UX", @@ -2318,7 +2241,7 @@ "repository": "https://github.com/techniq/svelte-ux", "description": "Collection of Svelte components, actions, stores, and utilities to build highly interactive applications", "npm": "svelte-ux", - "tags": ["components-and-libraries", "design-system"] + "tags": ["ui-components", "stores-and-state", "layout-and-structure", "design-system"] }, { "title": "sveltekit-proxy", @@ -2326,14 +2249,14 @@ "repository": "https://github.com/born05/sveltekit-proxy", "description": "A simple way to proxy paths from SvelteKit to a different server.", "npm": "@born05/sveltekit-proxy", - "tags": ["ssr", "integrations", "integrations"] + "tags": ["ssr", "integrations"] }, { "title": "MisMerge", "repository": "https://github.com/BearToCode/mismerge", "description": "A modern merge editor for the Web", "npm": "@mismerge/core", - "tags": ["components-and-libraries", "typescript", "inputs-and-widgets", "forms-and-validation"] + "tags": ["ui-components", "typescript", "forms-and-input"] }, { "title": "svelte-ripple-action", @@ -2341,14 +2264,14 @@ "repository": "https://github.com/Posandu/svelte-ripple-action", "description": "Svelte action to add ripple effects to Svelte components", "npm": "svelte-ripple-action", - "tags": ["animations", "interactions", "user-interaction"] + "tags": ["animations", "user-interaction"] }, { "title": "sveltekit-superforms", "repository": "https://github.com/ciscoheat/sveltekit-superforms", "description": "Making SvelteKit validation and displaying of forms a pleasure!", "npm": "sveltekit-superforms", - "tags": ["forms-and-validation", "typescript", "ssr"] + "tags": ["forms-and-input", "validation", "typescript", "ssr"] }, { "title": "svelte-reparent", @@ -2356,119 +2279,125 @@ "repository": "https://github.com/LeoDog896/svelte-reparent", "description": "Utility for reparenting elements", "npm": "svelte-reparent", - "tags": ["stores-and-state", "components-and-libraries", "developer-experience"] + "tags": ["stores-and-state", "user-interaction", "developer-experience"] }, { "title": "svelte-inline-modal", "repository": "https://github.com/jill64/svelte-inline-modal", "description": "Simple Modal on the Fly", "npm": "svelte-inline-modal", - "tags": ["interactions", "layout-and-structure", "user-interaction"] + "tags": ["layout-and-structure", "user-interaction"] }, { "title": "@jill64/svelte-input", "repository": "https://github.com/jill64/svelte-input", "description": "Functional Input Component Set for Svelte", "npm": "@jill64/svelte-input", - "tags": ["inputs-and-widgets", "display-components"] + "tags": ["forms-and-input", "ui-components"] }, { "title": "@jill64/svelte-toast", "repository": "https://github.com/jill64/svelte-toast", "description": "Pre-Themed Responsive Toast Notification", "npm": "@jill64/svelte-toast", - "tags": ["components-and-libraries", "notifications", "user-interaction"] + "tags": ["ui-components", "notifications", "user-interaction"] }, { "title": "@tanstack/svelte-table", "npm": "@tanstack/svelte-table", "repository": "https://github.com/tanstack/table", "description": "Headless UI for building powerful tables & datagrids for TS/JS", - "tags": ["components-and-libraries", "layout-and-structure", "typescript", "data-visualisation"] + "tags": [ + "ui-components", + "headless", + "layout-and-structure", + "typescript", + "data-visualisation" + ] }, { "title": "Histoire", "npm": "@histoire/plugin-svelte", "repository": "https://github.com/histoire-dev/histoire", "description": "Fast and beautiful interactive component playgrounds, powered by Vite", - "tags": ["testing"] + "tags": ["testing", "integrations", "typescript"] }, { "title": "Lucia", "npm": "lucia", "repository": "https://github.com/lucia-auth/lucia", "description": "An auth library that abstracts away the complexity of handling users and sessions", - "tags": ["components-and-libraries", "integrations", "auth", "integrations"] + "tags": ["developer-experience", "integrations", "auth"] }, { "title": "Monaco", "npm": "@monaco-auth/sveltekit", "repository": "https://github.com/pilcrowOnPaper/monaco", "description": "A simple, lightweight alternative to Auth.js", - "tags": ["components-and-libraries", "integrations", "auth", "integrations"] + "tags": ["developer-experience", "integrations", "auth"] }, { "title": "trpc-svelte-query", "npm": "trpc-svelte-query", "repository": "https://github.com/ottomated/trpc-svelte-query", "description": "A tRPC wrapper around @tanstack/svelte-query", - "tags": ["async-data", "async-loading", "network-events", "ssr", "typescript", "design-pattern"] + "tags": ["data-fetching", "network-events", "ssr", "typescript", "design-pattern"] }, { "title": "Svelte Legos", "npm": "svelte-legos", "repository": "https://github.com/ankurrsinghal/svelte-legos", "description": "Collection of essential Svelte Composition Utilities", - "tags": ["components-and-libraries", "design-system"] + "tags": ["user-interaction", "developer-experience", "stores-and-state"] }, { "title": "Supabase Auth", "npm": "@supabase/auth-helpers-sveltekit", "repository": "https://github.com/supabase/auth-helpers/tree/main/packages/sveltekit", "description": "A collection of framework specific Auth utilities for working with Supabase", - "tags": ["components-and-libraries", "integrations", "auth", "integrations"] + "tags": ["integrations", "auth", "ssr"] }, { "title": "svelte-markdown", "npm": "svelte-markdown", "repository": "https://github.com/pablo-abc/svelte-markdown", "description": "Markdown parser to svelte components", - "tags": ["components-and-libraries", "markdown", "display-components"] + "tags": ["ui-components", "markdown"] }, { "title": "svelte-exmarkdown", "npm": "svelte-exmarkdown", "repository": "https://github.com/ssssota/svelte-exmarkdown", "description": "Svelte component to render markdown. Dynamic and Extensible.", - "tags": ["components-and-libraries", "markdown", "display-components"] + "tags": ["ui-components", "markdown"] }, { "title": "Sentry for Svelte", "npm": "@sentry/svelte", "repository": "https://github.com/getsentry/sentry-javascript/tree/develop/packages/svelte", "description": "Official Sentry SDK for Svelte", - "tags": ["integrations", "integrations"] + "tags": ["integrations", "testing"] }, { "title": "Sentry for SvelteKit", "npm": "@sentry/sveltekit", "repository": "https://github.com/getsentry/sentry-javascript/tree/develop/packages/sveltekit", "description": "Official Sentry SDK for SvelteKit", - "tags": ["integrations", "integrations"] + "tags": ["integrations", "testing"] }, { "title": "svelte-french-toast", "npm": "svelte-french-toast", "repository": "https://github.com/kbrgl/svelte-french-toast", "description": "Buttery smooth toast notifications for Svelte", - "tags": ["components-and-libraries", "notifications", "user-interaction"] + "tags": ["ui-components", "notifications", "user-interaction"] }, { "title": "@zerodevx/svelte-toast", "npm": "@zerodevx/svelte-toast", "repository": "https://github.com/zerodevx/svelte-toast", "description": "Simple elegant toast notifications", - "tags": ["components-and-libraries", "notifications", "user-interaction"] + "tags": ["ui-components", "notifications", "user-interaction"] }, { "title": "svodals", @@ -2489,14 +2418,14 @@ "repository": "https://github.com/joshnuss/svelte-stripe", "description": "Everything you need to add Stripe Elements to your Svelte project.", "npm": "svelte-stripe", - "tags": ["integrations", "integrations"] + "tags": ["integrations", "ui-components"] }, { "title": "vite-plugin-kit-routes", "repository": "https://github.com/jycouet/kitql/tree/main/packages/vite-plugin-kit-routes", "description": "Automatically updates route references in SvelteKit projects", "npm": "vite-plugin-kit-routes", - "tags": ["developer-experience"] + "tags": ["bundler-plugins", "developer-experience"] }, { "title": "svelte-action-balancer", @@ -2510,7 +2439,7 @@ "repository": "https://github.com/wobsoriano/svelte-sonner", "description": "An opinionated toast component for Svelte.", "npm": "svelte-sonner", - "tags": ["components-and-libraries", "notifications", "user-interaction"] + "tags": ["ui-components", "notifications", "user-interaction"] }, { "title": "Square Svelte Store", @@ -2524,35 +2453,41 @@ "repository": "https://github.com/PuruVJ/neoconfetti/tree/main/packages/svelte", "description": "@neoconfetti/svelte allows you to show an awesome confetti explosion on your page, with Svelte!", "npm": "@neoconfetti/svelte", - "tags": ["typescript", "display-components"] + "tags": ["typescript", "animations", "user-interaction"] }, { "title": "Svelte Headless Table", "repository": "https://github.com/bryanmylee/svelte-headless-table", "description": "Unopinionated and extensible data tables for Svelte", "npm": "svelte-headless-table", - "tags": ["components-and-libraries", "layout-and-structure", "typescript", "data-visualisation"] + "tags": [ + "ui-components", + "layout-and-structure", + "typescript", + "data-visualisation", + "headless" + ] }, { "title": "AutoAnimate", "repository": "https://github.com/formkit/auto-animate", "description": "Add motion to your apps with a single line of code.", "npm": "@formkit/auto-animate", - "tags": ["animations", "display-components"] + "tags": ["animations", "user-interaction"] }, { "title": "SvelteUI", "repository": "https://github.com/svelteuidev/svelteui", "description": "SvelteUI is a Svelte library with a variety of packages to help make development easier!", "npm": "@svelteuidev/core", - "tags": ["components-and-libraries", "design-system"] + "tags": ["ui-components", "design-system"] }, { "title": "Houdini", "repository": "https://github.com/HoudiniGraphql/houdini", "description": "The disappearing GraphQL client.", "npm": "houdini", - "tags": ["graphql", "integrations"] + "tags": ["data-fetching", "integrations"] }, { "title": "@svelte-put/clickoutside", @@ -2566,42 +2501,42 @@ "repository": "https://github.com/grail-ui/grail-ui", "description": "Grail UI offers a set of component primitives, actions and utilities that help you build accessible and high quality Svelte applications faster", "npm": "@grail-ui/svelte", - "tags": ["components-and-libraries", "design-system"] + "tags": ["ui-components", "headless", "design-system"] }, { "title": "svelte-maplibre", "repository": "https://github.com/dimfeld/svelte-maplibre", "description": "Svelte wrapper for the maplibre mapping library.", "npm": "svelte-maplibre", - "tags": ["components-and-libraries", "maps", "integrations"] + "tags": ["ui-components", "data-visualisation", "integrations"] }, { "title": "SvelteKit Open Graph Image Generation", "repository": "https://github.com/etherCorps/sveltekit-og", "description": "Dynamically generate Open Graph images from an HTML+CSS template or Svelte component. Based on Satori.", "npm": "@ethercorps/sveltekit-og", - "tags": ["integrations"] + "tags": ["integrations", "seo"] }, { "title": "rollup-plugin-svelte", "npm": "rollup-plugin-svelte", "description": "Compile Svelte components with Rollup", "repository": "https://github.com/sveltejs/rollup-plugin-svelte", - "tags": ["bundler-plugins"] + "tags": ["bundler-plugins", "official"] }, { "title": "svelte-loader", "npm": "svelte-loader", "description": "Webpack loader for svelte components", "repository": "https://github.com/sveltejs/svelte-loader", - "tags": ["bundler-plugins"] + "tags": ["bundler-plugins", "official"] }, { "title": "vite-plugin-svelte", "npm": "@sveltejs/vite-plugin-svelte", "description": "This is the official svelte plugin for vite", "repository": "https://github.com/sveltejs/vite-plugin-svelte", - "tags": ["bundler-plugins"] + "tags": ["bundler-plugins", "official"] }, { "title": "esbuild-svelte", @@ -2643,21 +2578,21 @@ "npm": "svelte-preprocess", "description": "A ✨ magical ✨ Svelte preprocessor with sensible defaults and support for: PostCSS, SCSS, Less, Stylus, Coffeescript, TypeScript, Pug and much more", "repository": "https://github.com/sveltejs/svelte-preprocess", - "tags": ["preprocessors"] + "tags": ["preprocessors", "official"] }, { "description": "Write Svelte components in markdown syntax", "npm": "svelte-preprocess-markdown", "title": "svelte-preprocess-markdown", "repository": "https://github.com/AlexxNB/svelte-preprocess-markdown", - "tags": ["preprocessors"] + "tags": ["preprocessors", "markdown"] }, { "description": "A markdown preprocessor for Svelte", "npm": "mdsvex", "title": "mdsvex", "repository": "https://github.com/pngwn/MDsveX", - "tags": ["preprocessors"] + "tags": ["preprocessors", "markdown"] }, { "title": "svelte-switch-case", @@ -2706,14 +2641,14 @@ "npm": "prettier-plugin-svelte", "description": "Format your svelte components using prettier.", "repository": "https://github.com/sveltejs/prettier-plugin-svelte", - "tags": ["linting-and-formatting"] + "tags": ["linting-and-formatting", "official"] }, { "title": "svelte-check", "npm": "svelte-check", "description": "Detects unused css. Adds Svelte A11y hints. Provides JavaScript/TypeScript diagnostics.", "repository": "https://github.com/sveltejs/language-tools/tree/master/packages/svelte-check", - "tags": ["linting-and-formatting"] + "tags": ["linting-and-formatting", "typescript", "official"] }, { "title": "svelte-reactive-css-preprocess", @@ -2734,14 +2669,14 @@ "repository": "https://github.com/sveltejs/eslint-plugin-svelte", "description": "ESLint plugin that applies own rules to Svelte", "npm": "eslint-plugin-svelte", - "tags": ["linting-and-formatting"] + "tags": ["linting-and-formatting", "official"] }, { "title": "full-client-server-sveltekit", "repository": "https://github.com/SBHattarj/full-client-server-sveltekit", "description": "A plugin allowing usage of server directly on browser using web socket", "npm": "full-client-server-sveltekit", - "tags": ["bundler-plugins"] + "tags": ["bundler-plugins", "preprocessors"] }, { "title": "svelte-preprocess-delegate-events", @@ -2755,7 +2690,7 @@ "repository": "https://github.com/flakolefluk/dark-runes", "description": "Svelte Custom Runes. Dark Runes will be retired when equivalent features are incorporated into the core Svelte framework.", "npm": "dark-runes", - "tags": ["preprocessors"] + "tags": ["preprocessors", "stores-and-state"] }, { "title": "Clerk SvelteKit", @@ -2769,14 +2704,14 @@ "repository": "https://github.com/open-source-labs/Svelvet", "description": "A Svelte library for building dynamic, infinitely customizable node-based user interfaces and flowcharts", "npm": "svelvet", - "tags": ["data-visualisation"] + "tags": ["data-visualisation", "ui-components"] }, { "title": "Carta", "repository": "https://github.com/BearToCode/carta", "description": "Carta is a lightweight, fast and extensible Svelte Markdown editor and viewer, based on Marked.", "npm": "carta-md", - "tags": ["forms-and-validation"] + "tags": ["forms-and-input", "markdown"] }, { "title": "svelte-broadcastable", @@ -2790,35 +2725,35 @@ "repository": "https://github.com/CaptainCodeman/svelte-markdown-input", "description": "A simple markdown input action and store for Svelte. Designed for simple inputs of HTML snippets.", "npm": "svelte-markdown-input", - "tags": ["forms-and-validation"] + "tags": ["forms-and-input", "markdown"] }, { "title": "svelte-tweakpane-ui", "repository": "https://github.com/kitschpatrol/svelte-tweakpane-ui", "description": "A Svelte component library wrapping UI elements from Tweakpane.", "npm": "svelte-tweakpane-ui", - "tags": ["display-components"] + "tags": ["ui-components", "layout-and-structure"] }, { "title": "tRPC-SvelteKit", "repository": "https://github.com/icflorescu/trpc-sveltekit", "description": "End-to-end typesafe APIs with tRPC.io for your SvelteKit applications.", "npm": "trpc-sveltekit", - "tags": ["integrations"] + "tags": ["integrations", "ssr", "stores-and-state", "data-fetching"] }, { "title": "Konsta UI", "repository": "https://github.com/konstaui/konsta", "description": "Mobile UI components made with Tailwind CSS", "npm": "konsta", - "tags": ["components-and-libraries", "design-system"] + "tags": ["ui-components", "design-system"] }, { "title": "@prismicio/svelte", "repository": "https://github.com/prismicio/prismic-svelte", "description": "Svelte components to render content from the Prismic API", "npm": "@prismicio/svelte", - "tags": ["integrations", "images", "layout-and-structure", "integrations"] + "tags": ["integrations", "images", "layout-and-structure"] }, { "title": "@slicemachine/adapter-sveltekit", @@ -2826,56 +2761,56 @@ "repository": "https://github.com/prismicio/slice-machine/tree/master/packages/adapter-sveltekit", "description": "Turn your SvelteKit project into a website builder with Prismic's Slice Machine", "npm": "@slicemachine/adapter-sveltekit", - "tags": ["integrations", "integrations"] + "tags": ["integrations", "sveltekit-adapters"] }, { "title": "svelte-i18next", "repository": "https://github.com/maximux13/svelte-i18next", "description": "Add support to your svelte kit project to use i18next", "npm": "@maximux13/svelte-i18next", - "tags": ["integrations", "internationalization", "ssr", "integrations"] + "tags": ["integrations", "internationalization", "ssr"] }, { "title": "@vite-pwa/sveltekit", "repository": "https://github.com/vite-pwa/sveltekit", "description": "Zero-config PWA Plugin for SvelteKit", "npm": "@vite-pwa/sveltekit", - "tags": ["integrations"] + "tags": ["integrations", "bundler-plugins"] }, { "title": "Bits UI", "repository": "https://github.com/huntabyte/bits-ui", "description": "The headless components for Svelte.", "npm": "bits-ui", - "tags": ["components-and-libraries", "design-system"] + "tags": ["ui-components", "headless"] }, { "title": "Formsnap", "repository": "https://github.com/huntabyte/formsnap", "description": "Functional, accessible, and powerful form components for Svelte.", "npm": "formsnap", - "tags": ["forms-and-validation", "integrations"] + "tags": ["forms-and-input", "validation", "ui-components"] }, { "title": "cmdk-sv", "repository": "https://github.com/huntabyte/cmdk-sv", "description": "cmdk, but for Svelte", "npm": "cmdk-sv", - "tags": ["components-and-libraries", "display-components"] + "tags": ["ui-components", "user-interaction"] }, { "title": "Ato UI", "repository": "https://github.com/bennymi/ato-ui", "description": "The elemental UI component library for Svelte, built with UnoCSS and Melt UI.", "npm": "ato-ui", - "tags": ["components-and-libraries", "design-system"] + "tags": ["ui-components", "design-system"] }, { "title": "svelte-monaco", "repository": "https://github.com/LeoDog896/svelte-monaco", "description": "Reactive two-way, full theme support monaco editor for Svelte(&Kit).", "npm": "svelte-monaco", - "tags": ["components-and-libraries", "forms-and-validation"] + "tags": ["ui-components", "forms-and-input"] }, { "title": "SuperNavigation", @@ -2896,7 +2831,7 @@ "repository": "https://github.com/CaptainCodeman/svelte-color-select", "description": "Okhsv color select for Svelte", "npm": "svelte-color-select", - "tags": ["components-and-libraries", "display-components"] + "tags": ["ui-components", "forms-and-input"] }, { "title": "svelte-enhanced-transitions", @@ -2910,7 +2845,7 @@ "repository": "https://github.com/gzimbron/amplify-adapter", "description": "Deploy Sveltekit SSR application to Aws Amplify (CI/CD)", "npm": "amplify-adapter", - "tags": ["ssr", "components-and-libraries", "layout-and-structure", "sveltekit-adapters"] + "tags": ["ssr", "sveltekit-adapters", "integrations"] }, { "title": "@tsconfig/svelte", @@ -2924,14 +2859,14 @@ "repository": "https://github.com/metonym/svelte-highlight", "description": "Syntax highlighting for Svelte using highlight.js.", "npm": "svelte-highlight", - "tags": ["components-and-libraries", "display-components"] + "tags": ["ui-components", "data-visualisation"] }, { "title": "progressbar-svelte", "repository": "https://github.com/dhimankamal/svelte-progressbar", "description": "A Svelte package for customizable progress bars.", "npm": "progressbar-svelte", - "tags": ["components-and-libraries", "display-components"] + "tags": ["ui-components"] }, { "title": "Brefer", @@ -2945,6 +2880,6 @@ "repository": "https://github.com/jack-weilage/svelte-mapbox", "description": "A simple and powerful Svelte wrapper around mapbox-gl", "npm": "svelte-mapbox", - "tags": ["maps", "display-components"] + "tags": ["data-visualisation", "integrations"] } ]