Kosha.
48 free libraries

Free React UI libraries

The best free React UI libraries and React component libraries in one place: Tailwind-based kits like shadcn/ui, accessible headless primitives like Radix UI, animation libraries, full design systems and data-grid and form tools. Every library here is free to use and checked by a person.

Popular free React component libraries

  1. 01shadcn/ui · Component Kits
  2. 02MUI (Material UI) · Design Systems
  3. 03Ant Design · Design Systems
  4. 04React Hook Form · Data, Forms & Charts
  5. 05Chakra UI · Design Systems

Showing 48 of 48

Component Kits

Aceternity UI

ui.aceternity.com

Stunning Tailwind CSS and Framer Motion components for modern web.

TailwindMotionEffects
Free Tier
Motion & 3D

Animata

animata.design

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

InteractionsTailwindEffects
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
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
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
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
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
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
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/ui

ui.shadcn.com

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

RadixTailwindCopy-paste
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
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
Data, Forms & Charts

Tremor

tremor.so

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

DashboardsChartsTailwind
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

React UI library FAQ

What is the best free React UI library?

It depends on your project, but popular free React UI libraries include shadcn/ui, MUI (Material UI), Ant Design, React Hook Form and Chakra UI. Kosha lists 48 free React component libraries you can filter by category, license and price.

Are these React component libraries free for commercial use?

All 48 libraries are free to start. 42 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 React 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 React include Radix UI, Headless UI, Ark UI and Base UI.

Which free React animation libraries are available?

For motion and animation in React, try Motion (Framer Motion), AutoAnimate, React Spring and Lenis.

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