UI components & libraries

Drop-in pieces for React and friends.

23 tools, 13 free

  • shadcn/ui Free · ui.shadcn.com
    Open-source React + Tailwind component code you copy into your project and own, built on Radix primitives.
  • Aceternity UI Freemium · ui.aceternity.com
    Copy-paste React/Next.js components and blocks with Tailwind CSS and Motion animations, shadcn-compatible.
  • React Bits Freemium · reactbits.dev
    Open-source library of 170+ animated React components, backgrounds and text effects in JS/TS and CSS/Tailwind flavors.
  • Originkit Freemium · originkit.dev
    Library of 440+ animated web components you can copy as code, use in Framer, or pull in via MCP.
  • Uiverse Free · uiverse.io
    Community library of free, copy-paste UI elements (buttons, loaders, cards) in CSS, Tailwind, React or Figma.
  • Kibo UI Free · kibo-ui.com
    Open-source shadcn/ui component registry with 41 components, blocks and patterns including kanban, gantt, editors and pickers.
  • HeroUI Freemium · heroui.com
    Open-source React component library (formerly NextUI) built on React Aria and Tailwind CSS v4, with a paid Pro tier of templates.
  • Watermelon UI Free · ui.watermelon.sh
    Open-source React component registry with animated components, copy-paste blocks, dashboards and page templates.
  • Beautiful UI Free · beautifului.dev
    Copy-paste React components for AI agent interfaces: chat, streaming text, thinking traces, tool calls, approvals and data tables.
  • Amicro Free · amicro.vercel.app
    Library of React micro-interaction and transition components (buttons, cards, carousels, loaders, charts) installable via CLI.
  • Thinking orbs Free · orbs.jakubantalik.com
    Animated orb component for AI thinking/loading states, shipped as the npm package thinking-orbs; now hosted at libraries.dev/orbs.
  • Beam Freemium · libraries.dev
    Animated rainbow glow that rides the border of a card, button or input, as a React (plus React Native/SwiftUI) component.
  • snapcn Free · snapcn.dev
    Registry of 36 Remotion components for React video — text animations, captions, device frames, AI/terminal scenes — installed via the shadcn CLI.
  • Grainient Freemium · grainient.supply
    Library of 1000+ gradient backgrounds — grainy, smooth, animated and AI-generated — for download or embedding.
  • Uizze Freemium · uizze.com
    Library of 800k+ web and iOS screens, UI elements and design systems, exposed via MCP/API so AI coding agents can reference real UI.
  • Get Design Paid · getdesign.ai
    Browser extension that copies any website element's design and layout to paste into AI builders like Cursor, Claude or Lovable.
  • 22 best UI libraries Free · untitledui.com
    Untitled UI blog article comparing 22 React/UI component libraries for use with AI coding tools like Cursor, v0 and Lovable.
  • Relume Freemium · relume.ai
    AI site builder: generates brief, sitemap, wireframes and designs from a component library, then publishes or exports to Figma, Webflow and React.
  • LottieFiles Freemium · lottiefiles.com
    Library of 800,000+ free and premium Lottie animations, plus editing, testing and player tools for web and apps.
  • Uiverse Design Free · uiverse.io
    Framework-agnostic design systems built for AI-assisted products.
  • pdfcn Free · github.com
    CLI-installed React PDF components in the shadcn registry style, built on Takumi and Forme.
  • Paper Shaders Free · shaders.paper.design
    Zero-dependency WebGL shader library with React components and GLSL for gradients, noise, dithering and image filters.
  • Radix UI Free · radix-ui.com
    Open-source React component library with accessible primitives, themes, icons, and color scales.