# [React Bits](<https://reactbits.dev/>)

An open-source collection of 200+ animated, interactive React components and micro-interactions.

Free·React·Animation·UI Components·Open Source

Free·React·Animation·UI Components·Open Source

![React Bits preview 1](<https://creatorstoolbox.com/images/site-og/react-bits.jpg>)

![React Bits preview 2](<https://creatorstoolbox.com/images/galleries/react-bits-43629e58f0866ed4c3d4858b18b2558ffc7e2d9193478ee8f4a624ce67b5885f.jpg>)

![React Bits preview 3](<https://creatorstoolbox.com/images/galleries/react-bits-408dae7be692e8c4bba2c757b05301410eb39600b28b00d785f73143fdf2df20.jpg>)

## What is React Bits?

React Bits is an open-source collection of more than 200 animated and interactive React components. Browse text effects, backgrounds, navigation, and other interface pieces, then customize the code for your own site or app.

## Features

- 200+ animated React components

- Text effects and backgrounds

- Interactive UI elements

- Customizable source code

- Open source collection

Similar Launches

[![useLayouts](<https://www.google.com/s2/favicons?domain=uselayouts.com&sz=128>)

useLayouts

Free animated React components and micro-interactions built with Framer Motion and Tailwind CSS, designed to work with shadcn/ui.](<https://creatorstoolbox.com/resources/uselayouts>)[![Loading.dev](<https://loading.dev/favicon.ico>)

Loading.dev

A free, open-source collection of animated loading indicators for React, with live previews and copyable usage examples.](<https://creatorstoolbox.com/resources/loading-dev>)[![beUI](<https://www.google.com/s2/favicons?domain=beui.dev&sz=128>)

beUI

Free, open-source animated components for React and Next.js — 108 motion primitives and blocks built with Motion and Tailwind, installable via the shadcn CLI.](<https://creatorstoolbox.com/resources/beui>)[![HeroUI](<https://www.google.com/s2/favicons?domain=heroui.com&sz=128>)

HeroUI

Beautiful, accessible React UI components built on React Aria and Tailwind CSS v4 — the modern alternative to MUI, Chakra UI, and shadcn/ui.](<https://creatorstoolbox.com/resources/heroui>)[![Bencho](<https://www.google.com/s2/favicons?domain=bencho.dev&sz=128>)

Bencho

Interactive React UI components and micro-interactions you can explore, tweak, and use in your projects.](<https://creatorstoolbox.com/resources/bencho>)[![Arc UI](<https://www.google.com/s2/favicons?domain=uiarc.dev&sz=128>)

Arc UI

Motion-rich React components and complete UI blocks for shadcn and Next.js, with live examples and AI-readable docs.](<https://creatorstoolbox.com/resources/arc-ui>)

---
Canonical source: https://creatorstoolbox.com/resources/react-bits