Introducing React Bits 2.0 The library you know, rebuilt. Components now look sharper, move smoother and start from presets, and our design tools were fully rebuilt from scratch. 216 animated React components, free and open source as always.

bro.

it just keeps getting better 💟

155 components were rebuilt for 2.0, with cleaner rendering, smoother motion and new presets, plus 13 brand new ones. Tune any of them live, then copy the code in JS or TS, with CSS or Tailwind.

The tools are now a full design suite. Texture Lab: 160 styles and 75+ effects for photo/video. Shape Magic: logos in chrome, glass or neon, out as SVG, favicons or code. Background Studio: any background as code, 4K stills or loops. Free:

🙏

this is niceee

appreciate it! 🙏

Cool 👌🏻

Thank you!

once react-bitten, 2.0 shy

I see what you did there

YEAAAA DAVID

Let’s gooooooooo

The legend

🙏

@shadcn bro 🔥

@shadcn 🤜🤛

love that i paid for this one tbh

The pro library is next! Going to overhaul it soon.

@shadcn

@shadcn The most useful React

awesome!

Sir, this is insane. 🫡

I'm glad you like it!

Hey, I bought ReactBits Pro around six months ago. Absolutely love it. One thing that would make it even better if you actually combined the free library into the pro library. Often, when I'm searching for things, the solution could be in the free library, but I can only search the pro. Could you merge these together in any way?

I get where you're coming from, and thank you for the support! I can't merge them for a few reasons: 1. They're separate apps, built on different stacks 2. Pro sits behind license checks, and I want to keep that and your account data out of a public codebase 3. stays fully open source, and Pro's code can't be, I don't want to clutter the free website with paywalls if that's avoidable 4. The free library has to keep working for anyone, no account or key needed 5. Separate deploys mean an issue on one site can never take down the other Two things that get you most of the way there: - Search on it already shows Pro results right next to the free ones - If you use an AI editor, add both registries to your components.json and connect the shadcn MCP. Your agent can then search and install from both libraries in one place

cooked frr 🧑‍🍳

thank you!

damn crazyyy

🫡

@shadcn Bro cooked with the video again

@shadcn Can't help it man... I love what I do 😅

@shadcn Keep on cooking 🧑‍🍳

I am sorry that’s a 5.0

haha thank you!

this could really speed up development

FEELS PROUD TO HAVE KNOWN YOU FROM THE EARLY DAYS DAVID! Way to go!!! 🚀

Thank you! Doing my best 🙏

Amazing🔥

@shadcn You are a wizard at this. Impressed 🔥

@shadcn Thank you!

Nice, congratulations 🚀

Whoaaaaaaaaaaaaaaaaa ceo cooked

🫶

@shadcn All the components are very useful. I’m surely gonna use it in my projects and will share the results. 👌🏻

@shadcn Please do, would love to see.

fastest shipper i know, crazy work as always man!

Thank you, appreciate it! 🙏

huge

Opened the docs to browse components, saw ASCII Gradient and ....

Aaaand? :O

🚀🤯

Cooking cool stuff

Thank you!

absolute goat man

This is peak as always 🙌🏻

There's no other way 🫡