Add animated Heroicons to React projects with this free, open-source icon library.
Free
24 alternativesReact Bits
Add animated and customizable React components for text, backgrounds, and interface interactions with React Bits.
About React Bits
React Bits is a GitHub-hosted library of animated, interactive and customizable components for React and Next.js projects. It provides 200+ free components covering text animations, backgrounds, UI elements and micro interactions, with each component offered in four variants (JavaScript or TypeScript, paired with CSS or Tailwind). Components can be customized through props or by editing the source directly, and installed via shadcn or jsrepo CLI commands or by copying the code manually.
Key features
- 200+ free animated components for text, backgrounds, UI and micro interactions
- Four variants per component: JS or TS with CSS or Tailwind
- Customizable via props or by editing component source directly
- shadcn and jsrepo CLI installs, plus manual copy-paste
- Free tools: Background Studio, Shape Magic, Texture Lab for effects and exports
- Lightweight, tree-shakeable components with minimal dependencies
Best for: React and Next.js developers who want ready-made animated components they can customize rather than build animations from scratch.
Good for
- Components are described as free for personal and commercial use under an MIT plus Commons Clause license
- Each component ships in JavaScript/TypeScript and CSS/Tailwind variants
- Actively maintained, with 1,662 commits and components added weekly
Watch out for
- Pricing and plan details for the separate React Bits Pro offering are not stated in the source
- Components target React and Next.js; Vue and Svelte are served by separate port sites
- The license is MIT with a Commons Clause rather than plain MIT
React Bits at a glance
- Category
- Design & Creative › Design Assets & Inspiration
- Type
- Open-source project
- Pricing
- Not confirmed. Check the site
- Open source
- Not stated
- Language
- English
- Last checked
- Oct 6, 2026 · Online when checked
- Listed
- Oct 5, 2026
React Bits alternatives
Tools and sites you could use instead, ranked by how closely they match.
Add more than 350 animated React icons to projects with this open-source icon library.
Ant Design's icon documentation provides semantic vector graphics alongside components and interface documentation.
SVG Wave generates gradient wave backgrounds as SVG graphics for design projects.
Browse animated icons for websites, apps and designs, including free and paid collections.
useAnimations offers Lottie animated icons for use in applications and websites.
Free
24 alternativesPopular in Design Assets & Inspiration
Well-known listings from the same topic.
Arts and Cultureartsandculture.google.comFigmafigma.comUI Discoveryuidiscovery.comLS Graphicsls.graphicsToools.designtoools.designArtveeartvee.com
React Bits FAQ
Is React Bits free to use?
The repository states the components are free for personal and commercial use under an MIT plus Commons Clause license. React Bits Pro is a separate offering adding premium components, page blocks, app UI and templates; its pricing is not listed in the source.
Which frameworks does it support?
The main library is built for React and Next.js. Official ports are listed for Vue at vue-bits.dev and Svelte at sveltebits.xyz.
How are components installed?
React Bits supports shadcn and jsrepo for quick CLI installs, with copy-ready commands on each component page. Code can also be selected for a preferred technology stack and copied manually.
Is something wrong or out of date?
Tell us and an editor will check it.
Own this website?
Claim this listing
Claim the listing and suggest updates yourself. An editor checks every claim first.