Kosha.
Libraries

Free UI libraries

65 free and open-source UI component libraries for React, Vue, Svelte and Angular, in 5 categories. Filter by category, framework or price.

Showing 65 of 65

Motion & 3D

A-Frame

aframe.io

A web framework for building 3D, AR and VR experiences with HTML.

WebXRVRthree.js
Open Source
Component Kits

Aceternity UI

ui.aceternity.com

Stunning Tailwind CSS and Framer Motion components for modern web.

TailwindMotionEffects
Free Tier
Design Systems

Angular Material

material.angular.dev

Material Design components and the CDK, maintained by the Angular team.

AngularMaterialCDK
Open Source
Motion & 3D

Animata

animata.design

Hand-crafted interaction animations and effects you can copy into your app.

InteractionsTailwindEffects
Open Source
Motion & 3D

Anime.js

animejs.com

A fast, lightweight JavaScript animation engine for CSS, SVG, DOM and JS objects.

AnimationTimelineSVG
Open Source
Design Systems

Ant Design

ant.design

An enterprise-class UI design language and React UI library.

Enterprisei18nComplete
Open Source
Headless Primitives

Ariakit

ariakit.org

Toolkit for building accessible web apps with React. Low-level and composable.

AccessibleComposable
Open Source
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
Motion & 3D

Babylon.js

babylonjs.com

A powerful, full-featured web rendering and game engine with a built-in inspector.

3DGame engineWebGPU
Open Source
Headless Primitives

Base UI

base-ui.com

Unstyled components from the creators of Radix, Floating UI and Material UI.

AccessibleUnstyledPrimitives
Open Source
Design Systems

Chakra UI

chakra-ui.com

Simple, modular and accessible component library for React.

AccessibleThemingModular
Open Source
Headless Primitives

cmdk

cmdk.paco.me

Fast, composable, unstyled command menu for React.

Command paletteSearchKeyboard
Open Source
Component Kits

Cult UI

cult-ui.com

Hand-crafted, motion-rich components that drop into any shadcn project.

shadcnMotionTailwind
Open Source
Component Kits

daisyUI

daisyui.com

The most popular component library for Tailwind CSS. Pure CSS class names.

TailwindThemesPure CSS
Open Source
Motion & 3D

Drei

drei.docs.pmnd.rs

Useful helpers and ready-made abstractions for React Three Fiber.

3DHelpersR3F
Open Source
Component Kits

Eldora UI

eldoraui.site

Open-source animated components and templates built with Tailwind and Motion.

AnimationTailwindTemplates
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
Motion & 3D

GSAP

gsap.com

The professional-grade JavaScript animation platform, now free including all bonus plugins.

TimelinesScrollTriggerSVG
Free
Headless Primitives

Headless UI

headlessui.com

Completely unstyled, fully accessible UI components by Tailwind Labs.

AccessibleTailwindUnstyled
Open Source
Component Kits

HeroUI (formerly NextUI)

heroui.com

Beautiful, fast and modern React UI library built on Tailwind CSS and React Aria.

TailwindReact AriaThemes
Open Source
Component Kits

Hover.dev

hover.dev

Animated Tailwind and Framer Motion components with a generous free tier.

AnimationTailwindMarketing
Free Tier
Component Kits

Kibo UI

kibo-ui.com

Composable, accessible advanced components that extend shadcn/ui: kanban, gantt, editors.

shadcnAdvancedRegistry
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

Lottie

airbnb.io

Render After Effects animations natively on web and mobile from JSON.

After EffectsJSONVector
Open Source
Component Kits

Magic UI

magicui.design

Animated components built with React, TypeScript, Tailwind CSS and Motion.

TailwindAnimationLanding pages
Open Source
Design Systems

Mantine

mantine.dev

A fully featured React components library with 100+ hooks.

HooksTypeScriptComplete
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
Motion & 3D

Motion Primitives

motion-primitives.com

Beautifully animated UI building blocks for React, Tailwind and Motion.

MotionTailwindCopy-paste
Open Source
Design Systems

MUI (Material UI)

mui.com

React components that implement Google's Material Design.

MaterialEnterpriseComplete
Open Source
Data, Forms & Charts

nivo

nivo.rocks

Rich data visualization components on top of D3, with SVG, canvas and HTML renderers.

ChartsD3Canvas
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
Motion & 3D

OGL

oframe.github.io

A minimal WebGL library with zero dependencies. three.js-like API at a fraction of the size.

WebGLMinimalShaders
Open Source
Component Kits

Origin UI

originui.com

A huge collection of copy-paste Tailwind and React components, ready for shadcn projects.

TailwindshadcnCopy-paste
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
Motion & 3D

PlayCanvas

playcanvas.com

Fast, lightweight WebGL/WebGPU game engine with Gaussian splat support.

3DGame engineSplats
Open Source
Component Kits

Preline UI

preline.co

Open-source set of prebuilt UI components and plugins based on Tailwind CSS.

TailwindVanilla JSBlocks
Free Tier
Design Systems

PrimeReact

primereact.org

90+ rich components with styled and unstyled modes plus ready-made themes.

CompleteThemesData
Open Source
Headless Primitives

Radix UI

radix-ui.com

Unstyled, accessible components for building high-quality design systems.

AccessiblePrimitivesUnstyled
Open Source
Headless Primitives

React Aria

react-spectrum.adobe.com

Adobe's library of accessible, internationalized components and hooks.

Accessibilityi18nHooks
Open Source
Motion & 3D

React Bits

reactbits.dev

Animated, interactive and fully customizable React components and backgrounds.

Text effectsBackgroundsWebGL
Free
Data, Forms & Charts

React Hook Form

react-hook-form.com

Performant, flexible and extensible forms with easy-to-use validation.

FormsValidationPerformance
Open Source
Motion & 3D

React Postprocessing

react-postprocessing.docs.pmnd.rs

Bloom, depth of field, glitch and more post-processing effects for React Three Fiber.

3DEffectsR3F
Open Source
Motion & 3D

React Spring

react-spring.dev

Spring-physics based animation library for React.

SpringsPhysicsPerformance
Open Source
Motion & 3D

React Three Fiber

r3f.docs.pmnd.rs

A React renderer for three.js. Build 3D scenes declaratively with components.

3DWebGLthree.js
Open Source
Motion & 3D

React Three Rapier

github.com

Fast Rust/WASM physics for React Three Fiber via the Rapier engine.

3DPhysicsR3F
Open Source
Data, Forms & Charts

Recharts

recharts.org

A composable charting library built on React components.

ChartsSVGComposable
Open Source
Motion & 3D

Rive

rive.app

Interactive, state-machine driven vector animations with tiny runtimes.

State machinesInteractiveRuntime
Free Tier
Component Kits

shadcn-svelte

shadcn-svelte.com

Accessible, customizable shadcn/ui components ported to Svelte.

SvelteTailwindCopy-paste
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
Component Kits

shadcn/ui

ui.shadcn.com

Beautifully designed components built with Radix UI and Tailwind CSS. Copy, paste, own.

RadixTailwindCopy-paste
Open Source
Design Systems

Shoelace

shoelace.style

A forward-thinking library of web components that work with any framework.

Web ComponentsFramework agnostic
Open Source
Component Kits

Skeleton

skeleton.dev

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

SvelteTailwindThemes
Open Source
Headless Primitives

Sonner

sonner.emilkowal.ski

An opinionated toast component for React that just looks right.

ToastsNotifications
Open Source
Component Kits

Spartan

spartan.ng

Accessible Angular primitives and shadcn-style helm components.

AngularTailwindPrimitives
Open Source
Data, Forms & Charts

TanStack Table

tanstack.com

Headless UI for building powerful tables and datagrids.

TablesHeadlessDatagrid
Open Source
Motion & 3D

Theatre.js

theatrejs.com

A motion design editor for the web. Keyframe three.js scenes and DOM with a visual timeline.

Timeline3DEditor
Open Source
Motion & 3D

three.js

threejs.org

The JavaScript 3D library. Scenes, cameras, materials and WebGL/WebGPU renderers.

3DWebGLWebGPU
Open Source
Motion & 3D

Threlte

threlte.xyz

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

3Dthree.jsSvelte
Open Source
Data, Forms & Charts

Tremor

tremor.so

Copy-paste React components to build charts and dashboards, built on Tailwind and Recharts.

DashboardsChartsTailwind
Open Source
Motion & 3D

TresJS

tresjs.org

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

3Dthree.jsVue
Open Source
Component Kits

Untitled UI React

untitledui.com

An open-source React kit that mirrors the popular Untitled UI Figma system.

Figma parityTailwindReact Aria
Free Tier
Headless Primitives

Vaul

vaul.emilkowal.ski

An unstyled, gesture-driven drawer component for React.

DrawerMobileGestures
Open Source
Data, Forms & Charts

visx

airbnb.io

Airbnb's low-level visualization primitives that combine D3 math with React rendering.

ChartsD3Primitives
Open Source

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