# DavidHDev/react-bits

An open source collection of animated, interactive & fully customizable React components for building memorable websites.

Repository: https://github.com/DavidHDev/react-bits
Canonical: https://ross.abutalabs.com/products/react-bits
Homepage: https://reactbits.dev
Language: JavaScript
License: NOASSERTION
License Family: other
Topics: animations, components, components-library, components-react, javascript, react, reactjs, web, 3d, component-library, css-animations, tailwind, tailwindcss, ui-components, ui-library, react-components
Last push: 2026-08-26T18:03:22+00:00

## Health v2 (maintenance only)
Score: 68/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 99, release rhythm 35, longevity 54
- inputs: {"age_days": 757, "days_push": 7, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases, no_license
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 46215, forks 2216 (observed 2026-08-28T04:12:09.747228+00:00)

## What it is
React Bits is an open-source collection of 165+ animated, interactive, and fully customizable React components for text animations, backgrounds, and UI elements. Components are copy-paste ready in four variants (JS-CSS, JS-Tailwind, TS-CSS, TS-Tailwind) and ship with minimal, tree-shakeable dependencies.

## Use cases
- add animated text effects to a react landing page
- find animated background components for a website hero section
- customize react ui components with tailwind or css
- copy-paste animated components into a react project
- build a memorable interactive website with react animations
- export animated backgrounds as video or code
- create inner rounded corners and svg shapes for web design

## When to choose
- you want polished, ready-made animations without building them from scratch
- your project uses modern react with css or tailwind
- you need tree-shakeable components with minimal dependencies
- you want to edit component source directly for full customization

## When to avoid
- you need a full design system with strict theming and enterprise support
- your project is not react-based
- you require components under a permissive license without restrictions (it uses MIT plus Commons Clause)
- you need headless, unstyled primitives rather than pre-animated components

## Facets
- artifact type: library
- maturity: active
- function: ui-components, animation, css-framework, frontend-framework
- domain: web-development, frontend, web-design
- platform: cross-platform
- tags: react-components, tailwindcss, copy-paste-components, text-animations, animated-backgrounds, 3d, component-library, web-server, nodejs

## Member repositories
- DavidHDev/react-bits (main) score 68

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:12:09.747228+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T16:21:37.101838+00:00, confidence not recorded.
  - readme: https://github.com/DavidHDev/react-bits (fetched 2026-08-28T04:12:09.747228+00:00, sha b845515cc01f)
  - homepage: https://reactbits.dev (fetched 2026-08-29T07:45:07.758342+00:00, sha fdf8f867d7b6)
- Data as of 2026-08-30T08:39:29.467469+00:00.