# React Bits

> 110+ free animated React components for text, backgrounds, UI. Includes Background Studio, Shape Magic, Texture Lab. Use when building visually engaging interfaces. Don't use for non-React projects.

- Skill: `neuron-one/react-bits` (Agent Skill)
- Install (CLI): `npx skillmds@latest add neuron-one/react-bits`
- Raw SKILL.md: https://api.skillmd.com/api/skills/neuron-one/react-bits/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: neuron-one (https://skillmd.com/u/neuron-one)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/neuron-one/react-bits

---


# React Bits — Animated Components Library

## What's Available
- 110+ customizable animations
- Text animations (typewriter, glitch, gradient, wave)
- Background effects (particles, aurora, grid, noise)
- UI components (animated cards, buttons, modals)
- Available in JS/TS with CSS or Tailwind variants

## How to Use
```bash
npm install react-bits
```

## Tools
- Background Studio: design custom backgrounds
- Shape Magic: create animated shapes
- Texture Lab: generate textures and export code

## Reference
Documentation: https://github.com/DavidHDev/react-bits
When building UI, check react-bits for existing animated components before creating custom animations.