Kosha.
9 free libraries

Free Svelte UI libraries

Free Svelte UI libraries and SvelteKit component libraries: component kits, headless building blocks and motion tools for Svelte apps.

Popular free Svelte component libraries

  1. 01TanStack Table · Data, Forms & Charts
  2. 02AutoAnimate · Motion & 3D
  3. 03Flowbite · Component Kits
  4. 04Ark UI · Headless Primitives
  5. 05Park UI · Component Kits

Showing 9 of 9

Headless Primitives

Ark UI

ark-ui.com

Headless components for building reusable, scalable design systems.

State machinesFramework agnostic
Open Source
Motion & 3D

AutoAnimate

auto-animate.formkit.com

Add motion to your apps with a single line of code. Zero config.

Zero configLightweightLists
Open Source
Headless Primitives

Embla Carousel

embla-carousel.com

A lightweight, dependency-free carousel with fluid motion and great swipe precision.

CarouselLightweightSwipe
Open Source
Component Kits

Flowbite

flowbite.com

Build websites even faster with components on top of Tailwind CSS.

TailwindBlocksVanilla JS
Free Tier
Component Kits

Park UI

park-ui.com

Beautifully designed components built on Ark UI with Tailwind and Panda CSS.

Ark UIPanda CSSTailwind
Open Source
Component Kits

shadcn-svelte

shadcn-svelte.com

Accessible, customizable shadcn/ui components ported to Svelte.

SvelteTailwindCopy-paste
Open Source
Component Kits

Skeleton

skeleton.dev

Adaptive design system for Svelte and Tailwind with a powerful theme generator.

SvelteTailwindThemes
Open Source
Data, Forms & Charts

TanStack Table

tanstack.com

Headless UI for building powerful tables and datagrids.

TablesHeadlessDatagrid
Open Source
Motion & 3D

Threlte

threlte.xyz

A three.js component library for Svelte. Declarative scenes, physics and helpers.

3Dthree.jsSvelte
Open Source

Svelte UI library FAQ

What is the best free Svelte UI library?

It depends on your project, but popular free Svelte UI libraries include TanStack Table, AutoAnimate, Flowbite, Ark UI and Park UI. Kosha lists 9 free Svelte component libraries you can filter by category, license and price.

Are these Svelte component libraries free for commercial use?

All 9 libraries are free to start. 8 are open source under licenses such as MIT or Apache 2.0, which allow commercial use. Always check each library's license before shipping.

What is a headless Svelte UI library?

A headless library gives you accessible behaviour (focus, keyboard, ARIA) without any styling, so you design the look yourself. Free headless options for Svelte include Ark UI and Embla Carousel.

Which free Svelte animation libraries are available?

For motion and animation in Svelte, try AutoAnimate and Threlte.

Suggest a tool

Know a free tool we're missing?

Tell us about it. We review every suggestion and add the good ones, with credit to the maker.

Prefer GitHub? Open an issue or contribute on GitHub ↗

Suggestion form

Tool name

e.g. a lovely icon set

Website

https://

Category

Icons, Fonts, Libraries…

Reviewed by the Kosha team

Thank you