React Bits

React Bits Pro’s 300 app UI blocks now come in two styles: the precise, monochrome Default and the new Sorbet, with a roomier, warmer look for consumer apps.

You can switch previews live in the theme panel and install either style per block. Accent, base color, font and radius are still customizable on top of either style.

The blocks are included in Pro ($249) and Ultimate ($349), but not the $129 Starter plan. React Bits Pro is a one-time purchase with lifetime updates.

Center Stage is a free browser tool from React Bits for turning screenshots and screen recordings into product shots.

Start with one of 200 presets, place your screen on a phone, laptop or browser, then adjust the shot with 3D tilt, depth of field and shadows. You can export 4K video, images or GIFs, or share a link.

React Bits’ Sound Lab has 100 free interface sounds and 100 free video editing sounds, from taps and toggles to risers, impacts and whooshes.

It runs in your browser, where you can tune each sound’s pitch, tone, length and space. Install a sound as code with one shadcn command, or download it as WAV, MP3 or OGG for editing.

React Bits has added Flying Button: a button that fires its thrusters on hover, lifts off on a WebGL smoke plume and lands back in its own cloud.

It comes in JavaScript or TypeScript, with plain CSS or Tailwind variants.

Original source

React Bits has a new Gradient ASCII background: soft gradient glows drawn with ASCII characters that scramble under your cursor.

It comes in JavaScript or TypeScript, with plain CSS or Tailwind variants.

Original source

React Bits says its updated Fluid Glass component keeps the same look with less than half the GPU work. It also draws fewer frames while the glass is at rest on high refresh rate screens.

The component is a cursor-following 3D glass object that refracts a headline, image or video and melts between shapes.

Original source

React Bits rebuilt Acid Squares as a rolling field of glossy squares under two drifting colored lights. The background includes square ripples, film grain and an intro that switches the squares on from the center.

You can use JavaScript or TypeScript, with plain CSS or Tailwind.

Original source

React Bits rebuilt Ghost Fibers with layered ribbons of fine glowing fibers, soft depth of field, bright folds and new looks to choose from.

The background component comes in JavaScript or TypeScript, with plain CSS or Tailwind.

Original source

React Bits rebuilt Aero Shards as ribbons of thick glass shards moving through layered depths, with lit edges that soften into the distance.

The background adds a chrome finish, survey markers, presets, and an edge fade. The cursor can part the shards, and clicking sends a light wave through them.

Original source

React Bits’ Blur Text can now zoom, tilt in 3D, pull into focus, or drift in, starting from the middle, the end, or at random.

You can loop the animation or replay it on hover or click. Text can also start in a second color before resolving, and the hovered word can stay sharp.

Original source