React Bits

Freemium · reactbits.dev

Open-source library of 170+ animated React components, backgrounds and text effects in JS/TS and CSS/Tailwind flavors.

Best for: Use it when you need drop-in animated React backgrounds, text effects or cursor interactions to make a page feel alive.

Free tier
170+ components free forever; Pro adds extra components, templates and bento blocks
Works as
Web app, Open source, No sign-up
Tags
react, animation, backgrounds, effects, components, ui library, text effects, tailwind, typescript, shaders, open source, gradient

Visit reactbits.dev ↗

Similar tools

  • Uiverse Free · uiverse.io
    Community library of free, copy-paste UI elements (buttons, loaders, cards) in CSS, Tailwind, React or Figma.
  • shadcn/ui Free · ui.shadcn.com
    Open-source React + Tailwind component code you copy into your project and own, built on Radix primitives.

More in UI components & libraries

  • Aceternity UI Freemium · ui.aceternity.com
    Copy-paste React/Next.js components and blocks with Tailwind CSS and Motion animations, shadcn-compatible.
  • Originkit Freemium · originkit.dev
    Library of 440+ animated web components you can copy as code, use in Framer, or pull in via MCP.
  • 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.

All ui components & libraries →