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

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

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

[UI & UX Design](<https://creatorstoolbox.com/communities/ui-ux>)[Development](<https://creatorstoolbox.com/communities/development>)[Open Source](<https://creatorstoolbox.com/communities/open-source>)[Animation & Motion](<https://creatorstoolbox.com/communities/animation>)

Media 1 of 3

## About 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.

Pricing model: Free

## Features

- 200+ animated React components

- Text effects and backgrounds

- Interactive UI elements

- Customizable source code

- Open source collection

## Similar products

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

useLayoutsuselayouts.com

Free animated React components and micro-interactions built with Framer Motion and Tailwind CSS, designed to work with shadcn/ui.](<https://creatorstoolbox.com/products/uselayouts>)

- [![Loading.dev](<https://loading.dev/favicon.ico>)

Loading.devloading.dev

A free, open-source collection of animated loading indicators for React, with live previews and copyable usage examples.](<https://creatorstoolbox.com/products/loading-dev>)

- [![beUI](<https://www.google.com/s2/favicons?domain=beui.dev&sz=128>)

beUIbeui.dev

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/products/beui>)

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

HeroUIheroui.com

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/products/heroui>)

- [![Bencho](<https://www.google.com/s2/favicons?domain=bencho.dev&sz=128>)

Benchobencho.dev

Interactive React UI components and micro-interactions you can explore, tweak, and use in your projects.](<https://creatorstoolbox.com/products/bencho>)

- [![Arc UI](<https://www.google.com/s2/favicons?domain=uiarc.dev&sz=128>)

Arc UIuiarc.dev

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

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