What is React Bits?
Free set of 215+ animated text effects, cursors, galleries and shader scenes for React developers.
Who is React Bits best for?
React Bits is best for React developers building portfolios or landing pages who want animated text and cursors.
Portfolio and landing pages
Split text, scroll reveals, shader backgrounds and galleries add motion to a page without writing the animation yourself.
Tuning before you copy
Every component has a live demo with controls, so you set the values on the site and copy the result.
Any React setup
Each piece comes in JavaScript or TypeScript, styled with plain CSS or Tailwind, as source you own.
Whole pages, paid
React Bits Pro adds page blocks, app UI and Next.js templates for teams that want finished sections rather than single effects.
How much does React Bits cost?
React Bits' 215+ components are free, commercial sites included; React Bits Pro is a one-time purchase from $129 for Starter to $349 for Ultimate.
- 215+ animated components and backgrounds
- JavaScript or TypeScript, CSS or Tailwind
- Install by copy, CLI or MCP
- 230 Pro animated components
- Every future component
- Commercial license, unlimited projects
- Everything in Starter
- 300 page blocks and 300 app UI blocks
- Agent Kit and Landing Builder (Beta)
- Everything in Pro
- 15 full Next.js landing-page templates
- Priority email support
Pro tiers are sold at pro.reactbits.dev for one developer each, with an annual option next to lifetime access. The free library is on GitHub under MIT with a Commons Clause, which makes it source-available rather than open source: you can ship it in paid products but not sell the components themselves. Full pricing on pro.reactbits.dev. We checked these prices on .
How do readers rate React Bits?
No one has rated React Bits yet. Be the first.
Sign in to rate. One rating per account.
How do I connect React Bits to my AI agent?
React Bits MCP is React Bits's official MCP server. Add it to your agent once, then ask it to find and install React Bits components in your app.
Through the shadcn registry server, your agent can browse React Bits animated components and add the ones you pick to your project.
React Bits gives each account its own server address. Open the setup guide, copy your address, then add it to Claude Code like any other server.
It runs on your computer, so Claude Code starts it when it needs it.
React Bits's setup guide covers the sign-in.
Then ask your agent
- Runs
- On your computer
- Sign-in
- See guide
- Maker
- React Bits
- Guide
- reactbits.dev
What are the best React Bits alternatives?
One tool on Recaply does React Bits's job. It is open source, so you can run it on your own server.
Questions about React Bits
What is React Bits?
Free set of 215+ animated text effects, cursors, galleries and shader scenes for React developers.
Who is React Bits for?
React Bits is best for React developers building portfolios or landing pages who want animated text and cursors.
Is React Bits free?
Yes. React Bits has a free plan: 215+ animated components and backgrounds.
How much does React Bits cost?
React Bits's paid plans are Starter at $129 one-time, Pro at $249 one-time and Ultimate at $349 one-time.
Does React Bits have an MCP server?
Yes. React Bits MCP is React Bits's official MCP server, so agents such as Claude Code, Cursor, Codex and GitHub Copilot can find and install React Bits components in your app. It runs on your computer.
Is there an open source alternative to React Bits?
Yes. Magic UI is an open source tool that does the same job, so you can run your own.
What are the best React Bits alternatives?
The closest alternatives on Recaply are Magic UI.
Where can I try React Bits?
On its official website, reactbits.dev.
Can I use React Bits in commercial projects?
Yes. React Bits components can go into any personal or commercial site, app or product, paid ones included. The license only forbids selling, sublicensing or redistributing the components themselves, alone, in a bundle or as a port.
Shaders
BoardUI
Create UI
shadcn/ui
21st.dev
termcn