Design Resources

Svelte UI Libraries

14 resources

Svelte's UI ecosystem is smaller than React's but covers the main approaches. This category lists styled kits like Svelte Material UI, SvelteStrap and Carbon Components Svelte, Tailwind-based toolkits like Skeleton and Flowbite-Svelte, headless libraries like Bits UI and Melt UI, and shadcn-svelte, the community port of shadcn/ui.

Headless options give the most flexibility. Melt UI provides accessible component builders you apply to your own markup, and Bits UI offers headless components that shadcn-svelte uses as its foundation. If you want a finished look, Skeleton and Flowbite-Svelte pair Svelte components with Tailwind CSS, and Carbon Components Svelte implements IBM's Carbon Design System.

Check compatibility with Svelte 5 and SvelteKit before choosing, since several older entries such as Svelteit and Attractions were built for earlier Svelte versions or Sapper. Svelte UX is a good fit for data-heavy, interactive apps with its components, actions and stores, and Aceternity UI Svelte adds animated marketing components.

S

SvelteStrapbestguy.github.io

UI library for Svelte based on the Bootstrap framework

Svelte Flat UIsvelteui.js.org

UI library for Svelte based on Flat Design

A

Attractionsillright.github.io

A pretty cool UI kit for Svelte

S

Svelteitdocs.svelteit.dev

A minimalistic UI/UX component library for Svelte and Sapper projects

Carbon Components Sveltecarbon-components-svelte.onrender.com

A component library that implements the Carbon Design System, an open source design system by IBM.

Open source

Radix Svelteradix-svelte.com

This is a port of Radix UI for Svelte.

shadcn-svelteshadcn-svelte.com

shadcn-svelte is an unofficial community-led Svelte port of shadcn/ui.

Skeletonskeleton.dev

Skeleton is an open source UI toolkit built with Svelte + Tailwind that allows you to create reactive web interfaces using Svelte + Tailwind CSS.

Open source

Svelte UXsvelte-ux.techniq.dev

Collection of Svelte components, actions, stores, and utilities to build highly interactive applications.

Flowbite-Svelteflowbite-svelte.com

Flowbite-svelte is an open-source UI component library built with Svelte components, Tailwind CSS utility classes and based on the Flowbite design system

Open source

bits-uibits-ui.com

The headless components for Svelte

melt-uimelt-ui.com

A set of headless, accessible component builders for Svelte

Built on the open bradtraversy/design-resources-for-developers list by its contributors, licensed MIT. Design Resources for Developers is an independent project, not affiliated with the list's maintainers.

About Synced Oct 16, 2026

© 2026 Design Resources for Developers

Design Resources
About this site
Esc

Type to search every entry. ↑↓ to move, Enter to open.