Dev Design Library

UI libraries and components

Browse and search 13,324 UI components from 109 open-source libraries, with source code, previews and install commands.

  • shadcn/ui: 160 components, React, MIT license. Composable, accessible components with thoughtful defaults. Build your own component library with code you can customize, extend, and make your own.
  • MUI / Material UI: 136 components, React, MIT license. Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.
  • React Bits: 218 components, React, Commons-Clause+MIT license. An open source collection of animated, interactive & fully customizable React components for building memorable websites.
  • daisyUI: 61 components, CSS (Tailwind), MIT license. 🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library
  • Chakra UI: 138 components, React, MIT license. Chakra UI is a component system for building SaaS products with speed ⚡️
  • HeroUI: 75 components, React, Apache-2.0 license. 🚀 Beautiful, fast and modern React UI library. (Previously NextUI)
  • Headless UI: 26 components, React, MIT license. Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
  • Magic UI: 79 components, React, MIT license. UI Library for Design Engineers. Animated components and effects you can copy and paste into your apps. Free. Open Source.
  • React Spectrum: 181 components, React, Apache-2.0 license. A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences.
  • coss ui: 57 components, React, MIT license
  • Origin UI: 640 components, React, MIT license
  • Radix Themes: 54 components, React, MIT license. Radix Themes is an open-source component library optimized for fast development, easy maintenance, and accessibility. Maintained by @workos.
  • Preline UI: 27 components, JavaScript (HTML + Tailwind), MIT + Preline UI Fair Use License license. Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.
  • Cult UI: 138 components, React, MIT license. Components crafted for Design Engineers. Styled using Tailwind CSS, fully compatible with Shadcn, and easy to integrate—just copy and paste. MIT 🤌
  • Ark UI: 65 components, React, MIT license. Unstyled, accessible UI components for your design System. Works in React, Vue, Solid, and Svelte.
  • Canvas UI: 35 components, React, Commons-Clause+MIT license. A library of creative canvas components. Real HTML with WebGL effects running over it. React, Vue, Svelte, vanilla.
  • transitions.dev: 44 components, HTML/CSS, MIT license. UI montion AI agent, a library of 43+ crafted transitions, a skill that fits your workflow.
  • Libraries.dev: 9 components, React, All-Rights-Reserved+MIT license. High-crafted UI libraries for AI agents: Border beam, Orbs, Metal, Gooey, Voice, Image, Avatar bots
  • Tremor: 39 components, React, Apache-2.0 license. Copy & Paste React components to build modern web applications.
  • ReUI: 1,292 components, React, MIT license. Design-forward shadcn kit for interfaces that stand out. 1000+ free patterns!
  • theSVG: 1 components, MIT+MPL-2.0 license. 7,400+ brand SVG icons for developers. Tree-shakeable, typed, open source. npm i thesvg
  • morphicons: 1 components, React, MIT license. Any icon morphs into any other — universal morphing for stroke-based icons with spring physics. Zero dependencies, ~7 KB gzip.
  • pdfcn: 88 components, React, MIT license. Beautiful pdf components, built on Takumi and Forme. 100% Free, Zero config, one command setup.
  • Amicro Micro Transitions: 323 components, React, MIT license. A curated collection of React micro-interactions, transition components and card layouts powered by Motion.
  • AI Elements: 49 components, React, Apache-2.0 license. AI Elements is a component library and custom registry built on top of shadcn/ui to help you build AI-native applications faster.
  • Park UI: 59 components, React, MIT license. Beautifully designed components built with Ark UI and Panda CSS that work with a variety of JS frameworks.
  • Lobe UI: 245 components, React, MIT license. 🍭 Lobe UI - an open-source UI component library for building AIGC web apps
  • Kokonut UI: 125 components, React, MIT license. Open-source collection of stunning Components built with Tailwind CSS, shadcn/ui and Motion to use on your websites
  • Cursify: 38 components, React. Cursor Animation Library for React & Next.js
  • Intent UI: 117 components, React, MIT license. Intent UI is a chill set of React components, built on top of React Aria Components and Tailwind CSS. Easy to customize and just copy & paste into your React projects.
  • Untitled UI React: 44 components, React, MIT license. Untitled UI React is the world’s largest collection of open-source React components built with Tailwind CSS and React Aria. Just copy, paste, and build.
  • beUI: 155 components, React, MIT license. Motion components for React. Copy, paste, done.
  • TailGrids: 61 components, React, MIT license. Open-source React UI library built with Tailwind CSS. Production-ready components, blocks, and templates to help you build modern, accessible web apps faster.
  • Rare UI: 29 components, React, Commons-Clause+MIT license. A collection of rare, ready-to-use UI components and animations you can actually drop into your next project. Free and open source.
  • Torph: 1 components, React, MIT license. Dependency-free animated text component.
  • Spectrum UI: 209 components, React, Apache-2.0 license. Spectrum UI ⭐ is a collection of re-usable components built using Aceternity UI Magic UI and ShadCN UI that you can copy and paste into your apps.
  • Spell UI: 33 components, React, MIT license. A large collection of high-quality React components that you can copy and paste into any project.
  • Vengeance UI: 138 components, React, MIT license. VengeanceUI helps you to build your landing page by providing you animated beautiful components out of the box which you can copy and paste and make your landing page Awesome ,Subtle and of course Tasteful.
  • Fluid Functionalism: 65 components, React, MIT license. Refined UI components with satisfying hover: a shadcn/ui registry where springs make every state change legible.
  • User Interface Wiki: 15 components, React, MIT license. A Living Manual for Better Interfaces
  • Toolcraft: 81 components, React, MIT license. Build your own design apps with AI.
  • Launch UI: 37 components, React, MIT license. Landing page kit built with React, Shadcn/ui and Tailwind that you can copy/paste into your project.
  • Theme Toggles: 14 components, React, MIT license. Animated theme toggles for switching between light and dark modes.
  • Panel UI: 210 components, React Native, MIT license. High-performance React Native and React components .
  • Shadcn Space: 590 components, React, MIT license. Open-source shadcn/ui blocks, components, Templates and layouts built with React, Tailwind, Radix UI and Base UI.
  • Pixel Perfect: 316 components, React, MIT license. Pixel Perfect UI is a precision-crafted UI library built for developers and designers who care about details.
  • OpenSourceUI: 208 components, React, MIT license. Opensource UI: Free, open-source, and production-ready components for React and Next.js. Powered by TypeScript, Tailwind CSS, and lucide icons
  • uselayouts: 69 components, React, MIT license. Free premium animated React components and micro-interactions built with Framer Motion and Tailwind CSS
  • Kinetics: 161 components, HTML/CSS. A library of interface animations built on spring physics instead of fixed-duration easing.
  • PrebuiltUI: 2 components, React, MIT license. PrebuiltUI is a growing collection of beautifully crafted, ready-to-use UI components built with Tailwind CSS.
  • BoardUI: 46 components, React, MIT license. React design system for agentic interfaces. Every free BoardUI component as source, with a working AI chat app on your own model key as the homepage.
  • Componentry: 67 components, React, MIT license. Animated, production-ready UI components. Built the way real products need them.
  • Tremor Blocks: 362 components, React, MIT license. Tremor Blocks Source Code
  • Shadcn Dashboard: 59 components, React, MIT license. Free, open source admin dashboard built with React + vite, shadcn/ui, Tailwind CSS, and TypeScript.
  • cnblocks: 107 components, Svelte, MIT license. 150+ UI & Marketing blocks using Svelte 5, Tailwind CSS v4 and Shadcn Svelte
  • Animations (Svelte): 108 components, Svelte, MIT license. Svelte 5 Animations includes Magic UI, Spell UI build using Tailwind CSS & Motion SV
  • AI Elements (Svelte): 24 components, Svelte, MIT license. Svelte AI Elements is a unofficial port of Vercel AI Elements, built on top of shadcn-svelte.
  • SwiftPieces: 85 components, SwiftUI, MIT + Commons Clause license. Swift Pieces provides a library of designed SwiftUI components featuring integrated motion, haptics, and states. Developers can easily integrate these elements via a single Swift file, CLI tool, or AI-assisted installation.
  • Badtz UI: 35 components, React, MIT license. A sleek, modern React UI library for frontend developers who want to ship polished interfaces faster.
  • ObsidianUI: 78 components, React, MIT license. React & Tailwind CSS Components Library
  • Notra: 88 components, React, AGPL-3.0 license. Notra is a modern GEO tool that asks ChatGPT, Claude and Gemini the questions your buyers ask. See if you show up, who shows up instead and how to fix it.
  • GreatUI: 56 components, React, MIT license. Beautiful, animated React components built with TypeScript, Tailwind CSS, and Motion.
  • Oxbow UI: 425 components, Astro, MIT license. Open Source Tailwind CSS & Alpine JS UI Blocks
  • Nexvyn UI: 73 components, React, CC-BY-NC-4.0+Commons-Clause+MIT license. Animated UI components with spring physics and fluid interactions, built on shadcn/ui and Radix primitives.
  • audiocn: 32 components, React, MIT license. Audio UI components for React, built the shadcn way.
  • Forge UI: 28 components, React, Forge UI License license. A library of React components for smooth, fast front-end development.
  • BaseLayer: 26 components, React, MIT license. Re-usable multi part components built on React Aria and TailwindCSS.
  • Generative Loaders: 3 components, React, MIT license. Accessible React loading states for generative interfaces: streamed text, inline activity, and image generation.
  • Shark UI: 175 components, React, MIT license. Beautifully designed components built with Ark UI.
  • Rewamp UI: 72 components, React. Copy-paste React components: highly interactive, physically accurate and driven by Framer Motion.
  • Evil Buttons: 29 components, React, Apache-2.0 license. shadcn/ui registry of playful, highly animated button components with evil aesthetics and killing interactions.
  • AI CSS: 12 components, React, MIT license. AICSS React components and CLI. Website: aicss.dev
  • ShaderCN: 34 components, React, MIT license. Beautiful shader components, built on vgpu and TypeGPU. 100% Free, Zero config, one command setup.
  • 23rd.dev: 22 components, React. Opinionated UI Components for shippers. An open source library of tasteful Web components. Framework agnostic. Copy, paste, ship.
  • Sona UI: 60 components, React, MIT license. A modern UI component library built with React and TailwindCSS to help you build beautiful and accessible web applications faster.
  • Watermelon UI: 1,070 components, React, MIT license. Free, copy-pasteable components, blocks, dashboards and templates from the Watermelon UI registry.
  • sv-efferd: 77 components, Svelte, MIT license. A collection of beautifully crafted Svelte Shadcn Marketing blocks.
  • Gauge UI: 1 components, React, MIT license. Composable SVG gauges for React, distributed as a shadcn registry.
  • Arc Library: 143 components, React, MIT license. Arc Library: free, open source React components with calm motion. Copy the code or install with the shadcn CLI.
  • sv-table: 30 components, Svelte, MIT license. Include Svelte Data table components & examples, Inspired from Bazza UI & COSS UI
  • glasscn: 62 components, React, MIT license. Apple-inspired glassmorphic UI components built on top of ShadCN and Base UI
  • UI Lab: 204 components, React, MIT license. UI components I'm building to learn interaction design
  • HextaUI: 66 components, React, MIT license. beautiful components built on top of shadcn/ui
  • LocalMode: 143 components, React, MIT license. Local-first AI toolkit for the modern web. Build privacy-first AI applications that work entirely in the browser.
  • Cojeev UI: 172 components, React, MIT license. Warm, expressive React components with considered motion. MIT licensed shadcn registry and Fumadocs documentation.
  • MicroKit: 55 components, React, MIT license. Copy-paste microinteractions for thoughtful product interfaces. Built with React, TypeScript and Tailwind CSS.
  • ROI UI: 59 components, React. A UI library designed to keep you in the flow
  • FLX UI: 468 components, React, AGPL-3.0 license. Scale taste across projects. Blocks, patterns, intents, and prompts for builders and AI agents. Built on shadcn/ui.
  • Velora UI: 132 components, React, MIT license. Free, MIT-licensed animated shadcn/ui components and complete landing page templates. Next.js 16 + Tailwind CSS 4 + Motion. Accessible, reduced-motion friendly, tuned for perfect Lighthouse scores.
  • Atelier UI: 29 components, React, MIT license. A registry of WebGL and motion components for React.
  • Halaska UI: 132 components, React, MIT license. UI by Halaska: a single-file React UI kit for AI products, built on shadcn/ui. 38 UX patterns and ~100 components.
  • sv-particles: 167 components, Svelte. Svelte Shadcn Useful blocks for production - Inspired from COSS UI
  • Pin UI: 38 components, React, MIT license
  • SpaceUI: 142 components, React, MIT license. Space UI — motion-powered React, TypeScript and Tailwind components. Docs, registry, and tools.
  • Metal UI: 105 components, React + SwiftUI, MIT license. Soft Hardware components for React and SwiftUI
  • ReScript shadcn: 119 components, ReScript, MIT license. rescript-react components based on base-ui to be consumed from shadcn
  • Skecher UI: 28 components, React. motion component library on top of shadcn cli.
  • Sora UI: 66 components, React, MIT + Commons Clause (partes) license. Sora UI - Motion-first React primitives for shadcn/ui. Open-source registry — copy-paste components built with Motion, Tailwind, and GSAP.
  • ZAYX: 13 components, React Native, MIT license. A niche-first React Native library starting with fintech 💸
  • OUI: 40 components, React, MIT license. React Aria Components with Shadcn characteristics.
  • Cue Foundations: 39 components, React, MIT license. Open-source foundational components with code and AI prompts — from Cue's curated library
  • Liquefy UI: 35 components, React, MIT license. Liquid Glass UI components for React — real WebGL edge refraction, jelly springs, and accessible Base UI primitives. TypeScript, RSC-ready, shadcn registry, MCP server.
  • D2Studio UI: 112 components, React, MIT license. D2 Studio Shadcn Blocks Registry
  • EaseUI: 54 components, React, MIT license. easeUI is a set of React components with smooth easing and spring animations. Add them to your project as source files with the shadcn CLI.
  • Opaline: 49 components, React, MIT license. Interfaces that bend the light
  • Fibo: 53 components, React, MIT license. fibo, a design system for experimental projects. shadcn/ui and Base UI, published as an installable shadcn registry.
  • ReactFrame: 161 components, React, MIT license. ReactFrame — free, open-source shadcn-compatible components
  • Aceternity UI: 120 components, React, Aceternity License license. Copy-paste Tailwind CSS and Framer Motion components for landing pages, hero sections and SaaS apps.
  • ark-cn: 76 components, React. ARK cn shad cn like component build by ark-ui.

Looking for a specific kind of component? See components by category.