Kosha.
12 free libraries

Free Vue UI libraries

Free Vue UI libraries and Vue 3 component libraries: complete component kits, headless primitives, animation tools and design systems that work with Vue and Nuxt.

Popular free Vue component libraries

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

Showing 12 of 12

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
Headless Primitives

Headless UI

headlessui.com

Completely unstyled, fully accessible UI components by Tailwind Labs.

AccessibleTailwindUnstyled
Open Source
Motion & 3D

Lenis

lenis.darkroom.engineering

Lightweight, buttery smooth scroll that plays nicely with sticky and scroll-linked effects.

Smooth scrollLightweight
Open Source
Motion & 3D

Motion (Framer Motion)

motion.dev

Production-ready motion library for React and JS with a simple declarative API.

AnimationGesturesLayout
Open Source
Design Systems

Nuxt UI

ui.nuxt.com

Fully styled, customizable components for Vue and Nuxt, powered by Tailwind and Reka UI.

VueNuxtTailwind
Open Source
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-vue

shadcn-vue.com

The community port of shadcn/ui for Vue and Nuxt, built on Reka UI.

VueTailwindCopy-paste
Open Source
Data, Forms & Charts

TanStack Table

tanstack.com

Headless UI for building powerful tables and datagrids.

TablesHeadlessDatagrid
Open Source
Motion & 3D

TresJS

tresjs.org

Declarative three.js for Vue. Build 3D scenes with components and composables.

3Dthree.jsVue
Open Source

Vue UI library FAQ

What is the best free Vue UI library?

It depends on your project, but popular free Vue UI libraries include Headless UI, TanStack Table, Motion (Framer Motion), AutoAnimate and Flowbite. Kosha lists 12 free Vue component libraries you can filter by category, license and price.

Are these Vue component libraries free for commercial use?

All 12 libraries are free to start. 11 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 Vue 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 Vue include Headless UI, Ark UI and Embla Carousel.

Which free Vue animation libraries are available?

For motion and animation in Vue, try Motion (Framer Motion), AutoAnimate, Lenis and TresJS.

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