Note: this article has been updated in March 2026 to include the most popular and actively maintained Svelte UI libraries.
Svelte is compiler-based UI framework that transforms declarative components written in HTML, CSS, and JavaScript into efficient vanilla JavaScript with minimal browser runtime overhead.
Over the last few years, Svelte is gaining its popularity among web developers due to its fast client performance, lightweight nature and ease of learning. It's being used by such companies like IKEA, Spotify, Apple Music & TV, Yahoo finance, and StackOverflow, proving its maturity and the ability to serve millions of users.
As Svelte ecosystem is growing with each year, new UI library appear, which is also facilitated by the ease of converting Svelte code into ready-made components. In this article I've collected the list of the most complete and useful Svelte UI libraries that might speed up your app development.
See for yourself, there might be one which will become your favorite.
Flowbite Svelte
Flowbite Svelte is an open-source UI library built with Svelte components and Tailwind CSS. It provides over 63 native Svelte UI components and hundreds of interactive elements based on Flowbite. A data table plugin is also available with sorting, filtering, and paging features.
The library comes with well-organized documentation, where you can see the code sample and preview the components for responsive sizes: desktop, tablet and smartphone. You can also switch light/dark modes and RTL/LTR text direction. The code looks quite straightforward and the components are styled very neat.
GitHub: 2.7k ⭐
License: MIT
Skeleton
Skeleton is a design system and component library built on Tailwind CSS that helps developers build scalable frontend interfaces with consistent design. It extends Tailwind with themes, styled elements, and pre-built UI components. The components are now available for Svelte and React and are built on top of Zag.js library.
Skeleton provides integrations with headless component libraries like Bits UI, Melt UI, and Radix, allowing you to substitute utilities while maintaining design consistency across your stack.
GitHub: 5.9k ⭐
License: MIT
SVAR Svelte Core
SVAR Svelte Core provides quite a good selection of mostly-used form controls, popups, date pickers, menus, and other UI elements that can be combined into a sleek-looking app interface.
In addition to Core library, SVAR offers feature-rich Svelte data grid, interactive and flexible Gantt chart, file manager with familiar interface, and other components tailored for enterprise-grade apps. All components come with light and dark themes and can be customized with CSS, so if you're looking for a not-Tailwind based, styled library, this can be a way to go.
GitHub: 247 ⭐
License: MIT
Carbon Components
Carbon Components is a Svelte component library that is built on top of the Carbon Design System, an open source design system by IBM. The components look very minimalistic (especially styling based on gray color saturation) but probably would fit in some business-looking app. In defense it must be said that the library offers a big number of Svelte components with advanced functionality.
GitHub: 2.9k ⭐
License: Apache 2.0
Svelte UX
Svelte UX is a comprehensive component library for Svelte built on Tailwind CSS, offering extensive customization through theme management, component variants, and flexible styling options. For data visualization needs, Svelte UX pairs seamlessly with LayerChart, a collection of multiple chart types built on top of Layer Cake framework.
GitHub: 1.1k ⭐
License: MIT
Kampsy-ui
Kampsy-ui includes 30+ interactive Svelte UI components that can be integrated with Tailwind CSS. The library is inspired by Vercel's Geist design system and helps developers build web interfaces with consistent design.
GitHub: 260 ⭐
License: MIT
Headless Svelte Libraries
Headless libraries give you only the lower level API, providing the logic and accessibility principles while you stay in control of how the interface will look and feel. You can use your own styling to make the components look the way you need.
Melt UI
Melt UI is the most powerful and complete headless library for Svelte. It offers a set of headless, accessible component builders, very customizable and flexible. Builders are just functions that generate a collection of properties that can be applied to any UI element.
The library is aimed at different scales of projects, from small hobby projects to more advanced web interfaces. It allows you to build your own components and style them with your custom CSS, CSS preprocessors, or CSS-in-JS libraries. Melt UI comes with detailed documentation that includes multiple demos (styled with Tailwind) and code samples. The library can be quickly installed using CLI command.
GitHub: 2.9k ⭐
License: MIT
Bits UI
Bits UI is a collection of headless component primitives built on top of Melt UI. The headless components of Bits UI are completely customizable, accessible and come unstyled. To make the components look the way you need, you can use CSS classes, CSS framework (like TailwindCSS or UnoCSS), data attributes or global classes.
The professionally-looking documentation includes preview demos showcasing simple code samples, along with comprehensive API references.
GitHub: 3.1k ⭐
License: MIT
shadcn-svelte
shadcn-svelte is an unofficial Svelte port of shadcn/ui. It's a collection of reusable components that you can copy and paste or use the CLI to add to your Svelte apps. There is no package, no dependencies. You just choose the components you need and customize them to your needs. You can use shadcn-svelte as a reference to build your own component libraries.
The component code consists of Bits UI components and default CSS Tailwind style, which you can change to your own preferences. There are also some predefined themes which you can customize in a neat theme builder. Design kit for Figma is available.
GitHub: 8.4k ⭐
License: MIT
DaisyUI
DaisyUI is a Tailwind CSS plugin that provides 65 pre-built UI components as high-level CSS class names, letting you design interfaces faster with less code.
Built on top of Tailwind utilities, it works seamlessly with SvelteKit (installation instructions provided in the docs) and any Tailwind CSS project, giving you instant access to a comprehensive component library. DaisyUI helps you create consistent design systems across projects, so it's a good option for Svelte-based websites.
GitHub: 40k ⭐
License: MIT
Summing Up
Exploring these Svelte UI libraries offers you an array of solutions to streamline your Svelte projects. Whether opting for component libraries offering pre-designed UI elements or leveraging headless options for maximum flexibility, you can enjoy the simplicity and unbeatable performance of Svelte ecosystem. Explore, experiment, and discover the perfect fit for your next project!
Cover photo by Ferenc Almasi on Unsplash
Top comments (3)
I recommend you also put this one
stdf.design/#/
Looks really good! Thanks for sharing :)
for mobile it's most complete one, now aldo Svelte 5 compatible.