React Bits

Changelog

Keep up with the newest additions to React Bits.

  1. Flux Lines

    Glowing flux lines tracing a churning magnetic fluid.

  2. Aurora

    Rebuilt with smoother, richer color blending and a softer edge that never bands. It reaches gently toward the cursor, fades in on load, and can rise from the bottom or stack extra layers.

  3. Dither

    Rebuilt on the same waves with crisp pixels and no extra dependencies. New dither patterns, retro palettes, cursor trails and click ripples, and an intro that sharpens into place.

  4. Falling Text

    Rebuilt with smoother physics. Words or single letters knock each other loose as they fall, can be thrown and swept around, and fly back into place, with a new tiles style and light mode.

  5. Ferrofluid

    Rebuilt as a glossy ferrofluid sea with no extra dependencies. Swells of spikes roll across it, the cursor raises a crown and clicks send out a ring of spikes.

  6. Galaxy

    Rebuilt with no extra dependencies. Stars now glide away from the cursor, a click jumps to warp speed and it arrives from hyperspace. New star colors, flares, depth and a cleaner light mode.

  7. Light Pillar

    Rebuilt to run about four times faster with the same look. It now ignites on load, follows the cursor, surges on click and has a soft glow, presets and more controls.

  8. Lightfall

    Rebuilt with crisp, steady streaks and round glowing heads. The light now warps in on load, bends around the cursor and stretches into warp trails while you hold.

  9. Orb

    Rebuilt with a crisper, more luminous ring that reaches toward the cursor and lights up where you hover. It pulses on click, powers on with an intro, and can tilt in 3D with custom colors, size and glow.

  10. Particles

    Rebuilt with the same floating motion, now crisp and far faster with thousands of particles. New shapes, glow, twinkle, bokeh, constellation lines, drifting and cursor effects.

  11. Pixel Card

    Rebuilt with crisp pixels and a glowing reveal wave that can start from the cursor. It can run on hover, click or always on, with an edge fade that keeps card content readable.

  12. Shape Grid

    Rebuilt with eight cell shapes, a glowing cursor trail and click ripples. The grid can now tilt into perspective and light up in rainbow colors.

  13. Silk

    Rebuilt on the same folds with deeper shading, glossy satin highlights and a soft glow. The light follows the cursor, clicks ripple through the fabric, and the folds rise in on load.

  14. Waves

    Rebuilt with perfectly smooth, crisp lines. They bend around the cursor and spring back, part in a soft ripple on click, and now come dashed, rotated or in light mode, with an intro.

  15. Animated List

    Rebuilt so rows spring in from the edge they scroll in from and the selection glides between them. Rows can now show icons, images and labels, in both themes.

  16. Beams

    Rebuilt with brighter, glowing glints, a light that follows the cursor, a light theme and simpler controls, with no 3D library needed.

  17. Card Swap

    Rebuilt with springy swaps you can drag or fling, depth that follows the cursor, cleaner cards in both themes and a layout that fits any container.

  18. Chroma Grid

    Redesigned with responsive cards in both themes, a smoother color spotlight and borders that light up near the cursor.

  19. Cubes

    Rebuilt with springy cubes that face the cursor, spin when you sweep past and ripple on click, plus new edge styles, shading and depth.

  20. Dark Veil

    Now reacts to the cursor, with a soft glow, any color and new shapes. Faster, and refined in light mode.

  21. Dot Grid

    Rebuilt with springy physics, so the dots wobble back, streak as they move and pass ripples to their neighbours.

  22. Folder

    Rebuilt from scratch. It can now also lie flat and open like a book, in solid, glass or matte, and its pages rise under the cursor.

  23. Glare Hover

    Rebuilt with a more realistic glare that follows the cursor direction, a glinting edge and new shapes and modes.

  24. Glass Surface

    Turn any SVG logo into glass, and get real refraction in Safari and Firefox by passing in the image behind it. The new demo glass follows your cursor and can be dragged.

  25. Gooey Nav

    Rebuilt so the active pill melts into droplets that flow to the new item, with a light theme, icons and sizes.

  26. Lightning

    Rebuilt with cleaner bolts that loop seamlessly, more options, a light mode, and strikes that land where you click.

  27. Meta Balls

    Rebuilt without dependencies. Blobs now cling, stretch and wobble as they merge, the cursor pushes through them, clicks splash them apart, and there are new outline, contour and lava lamp styles.

  28. Metallic Paint

    Rebuilt as liquid metal with reflections that bend around the edges. It now paints text as well as logos, tilts with the cursor and pours in on load.

  29. Model Viewer

    Rebuilt with automatic framing, studio lighting, momentum dragging, intros and many new options. New demo models.

  30. Pixel Snow

    Rebuilt with crisp pixel-art flakes in layers of depth, a soft glow, wind and cursor play, snow that can pile up, and a light mode.

  31. Pixel Trail

    The same fluid trail, now crisp and glossy, with visible pixels, depth and glow. New options add color shifts, drips, sparkle, click bursts, dither and image reveals.

  32. Plasma

    Rebuilt as soft folds of satin light with bright highlights, a cursor that turns them in 3D and a new light mode.

  33. Plasma Wave

    Smoother, faster plasma with soft glow, white-hot cores and a cursor that stirs it, plus a new light mode.

  34. Profile Card

    Redesigned in the Carousel style, with smoother tilt, a light theme and holo that shows only through the pattern.

  35. Radar

    Rebuilt as a detailed radar scope with a glowing sweep, contacts that ping and fade, a sonar mode and a tilted floor view.

  36. Ribbons

    Smoother, crisper ribbons that move the same at any frame rate. New shapes, a rolling wave, soft edges and more control over how they follow the cursor.

  37. Ripple Grid

    Rebuilt with crisp lines, real traveling waves from the cursor and clicks, dot and cross styles, and a perspective floor.

  38. Scroll Stack

    Rebuilt with native pinning that never jitters, its own smooth scrolling, snapping and new depth styles. The demo is now a minimal photo deck with presets.

  39. Specular Button

    Rebuilt with a crisp glass edge whose light glides around the rim toward the cursor, rests softly when idle and flashes on press.

  40. Stepper

    Redesigned with a frosted panel in both themes and smoother transitions. Steps can now show titles, descriptions and icons, with dot, bar and vertical layouts.

  41. Target Cursor

    Rebuilt without dependencies. The brackets now follow rounded corners, react to clicks, show labels and can stay inside one area.

  42. Text Cursor

    Rebuilt with a smoother trail that pops in, tapers and pulls back when you stop, plus chain and ribbon modes.

  43. Acid Squares

    Crisp glass edges, travelling rings of light and twinkling squares, plus a clean light mode.

  44. Carousel

    Rebuilt with momentum swiping, five transitions, photo cards, an autoplay timer and a cleaner frame in both themes.

  45. Elastic Mesh

    Rebuilt as inflated, squishy type and logos that dent, stretch and snap back with a jiggle.

  46. Flying Posters

    Rebuilt so it only scrolls when you use it, with optional columns and a camera you can pull back or push in.

  47. Ghost Fibers

    Sharper fibers with crisp cores and a cleaner glow, plus a light mode that matches the dark one.

  48. Glass Icons

    Rebuilt with real liquid glass that bends light at its edges, a smooth entrance, new card styles and presets.

  49. Glow Cursor

    Rebuilt as light that pours from the cursor and drifts softly as it fades, with a burst on click and a light mode.

  50. Halftone Reveal

    Rebuilt as a print on the page in mono, duotone or full color, with dots that swell into the photo.

  51. Infinite Menu

    Rebuilt to be lighter, with more ways to shape the tiles, autoplay, keyboard support and click to select.

  52. Iridescence

    Rebuilt with full control over color, folds and motion, a liquid stir under the cursor, a swirl on click and presets.

  53. Laser Flow

    Rebuilt as a waterfall of light that lands on your content, pours over its corners and can reveal your UI around the cursor.

  54. Shape Blur

    Rebuilt as a real lens blur that follows the cursor. Use any SVG or PNG as the shape, or switch to focus mode.

  55. Sliced Waves

    Rebuilt as waves of light sliced into glowing bars, seen in depth with a focus that follows the cursor.

  56. Threads

    Rebuilt to run several times faster, with presets, much more control over the threads and a cursor that parts them.

  57. Holo Card

    Collectible trading card with a real holographic foil and glitter that sparkles as it tilts.

  58. ASCII Text

    Rebuilt so the layers never slip apart on load, with a scramble on hover, click ripples and custom characters.

  59. Blob Cursor

    Rebuilt as a smooth 3D liquid that stretches as it moves, with new looks, drips and a splashy click burst.

  60. Bounce Cards

    Rebuilt on springs, so hovering no longer flickers. The fan is easier to shape and cards can now be clicked.

  61. Crosshair

    Rebuilt from scratch. It frames what you hover with measuring brackets, with new line styles and a click pulse.

  62. Decay Card

    Rebuilt to run smoother. The decay now shows at normal speeds, spreads evenly and frays gently when idle.

  63. Dock

    Rebuilt with smoother magnification, a right-click menu, badges, auto hide and placement on any edge.

  64. Gradient Text

    Rebuilt with new flow and conic styles, a soft glow and colors that drift toward the cursor.

  65. Grid Distortion

    Rebuilt to be lighter. Images no longer stretch, and new modes range from crisp blocks to a liquid warp.

  66. Grid Motion

    Rebuilt to fit its container, with drift, parallax, a 3D tilt and a spotlight that follows the cursor.

  67. Hyperspeed

    Rebuilt with a real glow and a transparent background. Every part of the road and lights is now customizable.

  68. Lanyard

    Rebuilt with no setup needed. Pass any image and the card swings with real momentum and flips on click.

  69. Noise

    Rebuilt to be much lighter, with film dust, scratches, scanlines and flicker for a real film look.

  70. Pixel Transition

    Rebuilt to stay smooth on quick hovers, with new reveal patterns, pixel shapes and a choppy retro mode.

  71. Shiny Text

    Rebuilt with more control over the shine, a travelling glow and new ways to play it, like on hover or scroll.

  72. Spotlight Card

    Rebuilt with a smoother light that follows the cursor, glows along the edge and can be shared across a grid.

  73. Stack

    Rebuilt so cards never jump mid-drag. Throws carry momentum, with four new layouts and keyboard support.

  74. Star Border

    Rebuilt from scratch. The star glides evenly around any shape with a soft trail, hover laps and a click pulse.

  75. Crystalized Ball

    A glass ball with a crackling electric rim and glowing dust that swirls with the cursor.

  76. Shape Waves

    Centered text cutouts using actual glyph bounds.

  77. Pattern Waves

    A lit halftone surface of dots, lines or glyphs that moves like draped silk.

  78. Circular Carousel

    A 3D ring of images with bendable cards, momentum drag, snapping and click to focus.

  79. Electric Logo

    Added an onRender callback for capturing live frames and reflection effects.

  80. Micro Slats

    A wall of tiny slats that becomes a rolling sea in perspective, with glinting crests.

  81. Flex Carousel

    An infinite image row that flows through invisible liquid glass at its edges.

  82. Electric Logo

    Turns any logo into a living lightning outline, with arcs that leap off its edges.

  83. Tech Text

    A wordmark whose letters turn into dashed vector paths under the cursor.

  84. Dither Veil

    A 1-bit dithered photo the cursor burns through to full colour, knitting back cell by cell.

  85. Shredder

    A list with a paper shredder at the bottom that cuts dragged rows into curling strips.

  86. Paper Crumple

    An image that crumples into a textured 3D sheet while you hold and drag it.

  87. Flip Card

    Two-faced card that flips in 3D on a click, drag or flick and settles on a spring.

  88. Tear Ticket

    Ticket whose perforated stub tears off by hand, fibre by fibre, and drops away.

  89. Micro

    A new category of small, satisfying interactions: switches, buttons, sliders, toasts, menus, loaders and more.

  90. Shape Waves

    A field of triangles, circles and squares that brighten and grow along rolling waves.