https://reactbits.dev/get-started/changelog Keep up with the newest additions to React Bits. en-us Tue, 10 Nov 2026 12:00:00 GMT https://reactbits.dev/backgrounds/aero-shards reactbits:Backgrounds/AeroShards@2026-11-10 Tue, 10 Nov 2026 12:00:00 GMT Backgrounds Starts up several times faster without blocking the page. https://reactbits.dev/backgrounds/antigravity reactbits:Backgrounds/Antigravity@2026-11-10 Tue, 10 Nov 2026 12:00:00 GMT Backgrounds Loads without freezing the page while its effect starts up, and frees graphics memory when removed. https://reactbits.dev/backgrounds/ballpit reactbits:Backgrounds/Ballpit@2026-11-10 Tue, 10 Nov 2026 12:00:00 GMT Backgrounds Physics runs about 20% faster, and it now renders in Strict Mode. https://reactbits.dev/backgrounds/color-bends reactbits:Backgrounds/ColorBends@2026-11-10 Tue, 10 Nov 2026 12:00:00 GMT Backgrounds Settings now update without restarting the animation, the full warp range draws, and it pauses while off screen. https://reactbits.dev/backgrounds/floating-lines reactbits:Backgrounds/FloatingLines@2026-11-10 Tue, 10 Nov 2026 12:00:00 GMT Backgrounds Loads without freezing the page, renders in Strict Mode and frees graphics memory when removed. https://reactbits.dev/animations/ghost-cursor reactbits:Animations/GhostCursor@2026-11-10 Tue, 10 Nov 2026 12:00:00 GMT Animations Loads without freezing the page while its effect starts up, and frees graphics memory when removed. https://reactbits.dev/backgrounds/gradient-ascii reactbits:Backgrounds/GradientASCII@2026-11-10 Tue, 10 Nov 2026 12:00:00 GMT Backgrounds Loads without freezing the page while its effect starts up, and now renders in Strict Mode. https://reactbits.dev/animations/laser-flow reactbits:Animations/LaserFlow@2026-11-10 Tue, 10 Nov 2026 12:00:00 GMT Animations Loads without freezing the page while its effect starts up, and frees graphics memory when removed. https://reactbits.dev/backgrounds/magic-rings reactbits:Backgrounds/MagicRings@2026-11-10 Tue, 10 Nov 2026 12:00:00 GMT Backgrounds Loads without freezing the page, switches looks without stalling and frees graphics memory when removed. https://reactbits.dev/backgrounds/magnet-lines reactbits:Backgrounds/MagnetLines@2026-11-10 Tue, 10 Nov 2026 12:00:00 GMT Backgrounds Loads without freezing the page, rebuilds its grid up to four times faster and frees graphics memory when removed. https://reactbits.dev/animations/metallic-paint reactbits:Animations/MetallicPaint@2026-11-10 Tue, 10 Nov 2026 12:00:00 GMT Animations Loads without freezing the page while its effect starts up. https://reactbits.dev/backgrounds/prism reactbits:Backgrounds/Prism@2026-11-10 Tue, 10 Nov 2026 12:00:00 GMT Backgrounds Now renders in Strict Mode, where it used to stay blank. https://reactbits.dev/animations/ribbons reactbits:Animations/Ribbons@2026-11-10 Tue, 10 Nov 2026 12:00:00 GMT Animations Loads without freezing the page, applies setting changes without an extra redraw and frees graphics memory when removed. https://reactbits.dev/animations/splash-cursor reactbits:Animations/SplashCursor@2026-11-10 Tue, 10 Nov 2026 12:00:00 GMT Animations Loads without freezing the page while its effect starts up, and frees graphics memory when removed. https://reactbits.dev/backgrounds/topography reactbits:Backgrounds/Topography@2026-11-10 Tue, 10 Nov 2026 12:00:00 GMT Backgrounds Loads without freezing the page, now renders in Strict Mode and recovers after a graphics reset. https://reactbits.dev/backgrounds/antigravity reactbits:Backgrounds/Antigravity@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Backgrounds Prevents canvas flicker while resizing the container. https://reactbits.dev/text-animations/ascii-text reactbits:TextAnimations/AsciiText@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Text Animations Prevents canvas flicker while resizing the container. https://reactbits.dev/backgrounds/balatro reactbits:Backgrounds/Balatro@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Backgrounds Prevents canvas flicker while resizing the container. https://reactbits.dev/backgrounds/beams reactbits:Backgrounds/Beams@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Backgrounds Prevents canvas flicker while resizing the container. https://reactbits.dev/animations/blob-cursor reactbits:Animations/BlobCursor@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Animations Prevents canvas flicker while resizing the container. TypeScript installs now include Three.js type definitions. https://reactbits.dev/components/border-glow reactbits:Components/BorderGlow@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Components Stops the intro sweep when disabled or unmounted and prevents overlapping sweeps when restarted. https://reactbits.dev/components/card-nav reactbits:Components/CardNav@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Components Fixes TypeScript errors when rendering navigation links with custom components. https://reactbits.dev/components/circular-gallery reactbits:Components/CircularGallery@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Components Prevents canvas flicker while resizing the container. https://reactbits.dev/backgrounds/color-bends reactbits:Backgrounds/ColorBends@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Backgrounds Prevents canvas flicker while resizing the container. TypeScript installs now include Three.js type definitions. https://reactbits.dev/animations/crosshair reactbits:Animations/Crosshair@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Animations Prevents canvas flicker while resizing the container. https://reactbits.dev/backgrounds/crt-warp reactbits:Backgrounds/CRTWarp@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Backgrounds Prevents canvas flicker while resizing the container. https://reactbits.dev/animations/crystalized-ball reactbits:Animations/CrystalizedBall@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Animations Prevents canvas flicker while resizing the container. https://reactbits.dev/animations/cubes reactbits:Animations/Cubes@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Animations Prevents canvas flicker while resizing the container. https://reactbits.dev/backgrounds/dark-veil reactbits:Backgrounds/DarkVeil@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Backgrounds Prevents canvas flicker while resizing the container. https://reactbits.dev/animations/dither-veil reactbits:Animations/DitherVeil@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Animations Preserves reveal trails and prevents flicker while resizing. https://reactbits.dev/backgrounds/dot-field reactbits:Backgrounds/DotField@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Backgrounds Prevents canvas flicker while resizing the container. https://reactbits.dev/animations/elastic-mesh reactbits:Animations/ElasticMesh@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Animations Prevents canvas flicker while resizing the container. https://reactbits.dev/animations/electric-border reactbits:Animations/ElectricBorder@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Animations Prevents canvas flicker while resizing the container. https://reactbits.dev/animations/electric-logo reactbits:Animations/ElectricLogo@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Animations Prevents canvas flicker while resizing the container. https://reactbits.dev/text-animations/falling-text reactbits:TextAnimations/FallingText@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Text Animations TypeScript installs now include Matter.js type definitions. https://reactbits.dev/components/flex-carousel reactbits:Components/FlexCarousel@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Components Prevents canvas flicker while resizing the container. https://reactbits.dev/components/fluid-glass reactbits:Components/FluidGlass@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Components Prevents resize flicker and ignores font or image loads that finish after unmounting. https://reactbits.dev/micro/folder-float reactbits:Micro/FolderFloat@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Micro TypeScript installs now include Matter.js type definitions. https://reactbits.dev/animations/glow-cursor reactbits:Animations/GlowCursor@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Animations Prevents canvas flicker while resizing the container. https://reactbits.dev/backgrounds/gradient-waves reactbits:Backgrounds/GradientWaves@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Backgrounds Prevents canvas flicker while resizing the container. https://reactbits.dev/backgrounds/grid-distortion reactbits:Backgrounds/GridDistortion@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Backgrounds Prevents canvas flicker while resizing the container. https://reactbits.dev/animations/halftone-reveal reactbits:Animations/HalftoneReveal@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Animations Preserves reveal trails and prevents flicker while resizing. https://reactbits.dev/backgrounds/hyperspeed reactbits:Backgrounds/Hyperspeed@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Backgrounds Prevents canvas flicker while resizing the container. TypeScript installs now include Three.js type definitions. https://reactbits.dev/components/infinite-menu reactbits:Components/InfiniteMenu@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Components Prevents canvas flicker while resizing the container. https://reactbits.dev/components/lanyard reactbits:Components/Lanyard@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Components TypeScript installs now include Three.js type definitions. https://reactbits.dev/backgrounds/letter-glitch reactbits:Backgrounds/LetterGlitch@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Backgrounds Prevents canvas flicker while resizing the container. https://reactbits.dev/backgrounds/light-pillar reactbits:Backgrounds/LightPillar@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Backgrounds Prevents canvas flicker while resizing the container. https://reactbits.dev/backgrounds/light-rays reactbits:Backgrounds/LightRays@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Backgrounds Prevents canvas flicker while resizing the container. https://reactbits.dev/backgrounds/lightfall reactbits:Backgrounds/Lightfall@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Backgrounds Prevents canvas flicker while resizing the container. https://reactbits.dev/backgrounds/line-waves reactbits:Backgrounds/LineWaves@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Backgrounds Prevents canvas flicker while resizing the container. https://reactbits.dev/backgrounds/liquid-chrome reactbits:Backgrounds/LiquidChrome@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Backgrounds Prevents canvas flicker while resizing the container. https://reactbits.dev/backgrounds/liquid-ether reactbits:Backgrounds/LiquidEther@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Backgrounds Prevents canvas flicker while resizing the container. https://reactbits.dev/backgrounds/magic-rings reactbits:Backgrounds/MagicRings@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Backgrounds Prevents canvas flicker while resizing the container. https://reactbits.dev/text-animations/masked-heading reactbits:TextAnimations/MaskedHeading@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Text Animations Fixes resize observer loops and TypeScript errors with custom heading tags. https://reactbits.dev/animations/meta-balls reactbits:Animations/MetaBalls@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Animations Prevents canvas flicker while resizing the container. https://reactbits.dev/backgrounds/micro-slats reactbits:Backgrounds/MicroSlats@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Backgrounds Prevents canvas flicker while resizing the container. https://reactbits.dev/components/model-viewer reactbits:Components/ModelViewer@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Components TypeScript installs now include Three.js type definitions. https://reactbits.dev/backgrounds/molten-metal reactbits:Backgrounds/MoltenMetal@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Backgrounds Prevents canvas flicker while resizing the container. https://reactbits.dev/components/morph-slider reactbits:Components/MorphSlider@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Components Prevents canvas flicker while resizing the container. https://reactbits.dev/micro/paper-crumple reactbits:Micro/PaperCrumple@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Micro Prevents canvas flicker while resizing the container. TypeScript installs now include Three.js type definitions. https://reactbits.dev/backgrounds/pattern-waves reactbits:Backgrounds/PatternWaves@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Backgrounds Prevents canvas flicker while resizing the container. https://reactbits.dev/components/pill-nav reactbits:Components/PillNav@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Components Fixes TypeScript errors when rendering navigation links with custom components. https://reactbits.dev/backgrounds/pixel-snow reactbits:Backgrounds/PixelSnow@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Backgrounds Prevents canvas flicker while resizing the container. https://reactbits.dev/backgrounds/plasma reactbits:Backgrounds/Plasma@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Backgrounds Prevents canvas flicker while resizing the container. https://reactbits.dev/backgrounds/plasma-wave reactbits:Backgrounds/PlasmaWave@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Backgrounds Prevents canvas flicker while resizing the container. https://reactbits.dev/backgrounds/prismatic-burst reactbits:Backgrounds/PrismaticBurst@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Backgrounds Prevents canvas flicker while resizing the container. https://reactbits.dev/micro/prompt-bar reactbits:Micro/PromptBar@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Micro Prevents canvas flicker while resizing the container. https://reactbits.dev/backgrounds/radar reactbits:Backgrounds/Radar@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Backgrounds Prevents canvas flicker while resizing the container. https://reactbits.dev/components/reflective-card reactbits:Components/ReflectiveCard@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Components Prevents canvas flicker while resizing the container. https://reactbits.dev/animations/ripple-distortion reactbits:Animations/RippleDistortion@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Animations Prevents canvas flicker while resizing the container. https://reactbits.dev/backgrounds/ripple-grid reactbits:Backgrounds/RippleGrid@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Backgrounds Prevents canvas flicker while resizing the container. https://reactbits.dev/backgrounds/side-rays reactbits:Backgrounds/SideRays@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Backgrounds Prevents canvas flicker while resizing the container. https://reactbits.dev/backgrounds/silk reactbits:Backgrounds/Silk@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Backgrounds Prevents canvas flicker while resizing the container. https://reactbits.dev/backgrounds/sliced-waves reactbits:Backgrounds/SlicedWaves@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Backgrounds Prevents canvas flicker while resizing the container. https://reactbits.dev/backgrounds/soft-aurora reactbits:Backgrounds/SoftAurora@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Backgrounds Prevents canvas flicker while resizing the container. https://reactbits.dev/animations/star-border reactbits:Animations/StarBorder@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Animations Prevents canvas flicker while resizing the container. https://reactbits.dev/animations/sticker-peel reactbits:Animations/StickerPeel@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Animations Prevents canvas flicker while resizing the container. https://reactbits.dev/text-animations/tech-text reactbits:TextAnimations/TechText@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Text Animations Keeps glyph motion and selection stable and prevents canvas flicker while resizing. https://reactbits.dev/components/tilted-card reactbits:Components/TiltedCard@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Components Holding Enter or Space now activates the card only once per key press. https://reactbits.dev/text-animations/warp-text reactbits:TextAnimations/WarpText@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Text Animations Keeps text visible while resizing and rebuilding its layout. https://reactbits.dev/backgrounds/web-threads reactbits:Backgrounds/WebThreads@2026-11-08 Sun, 08 Nov 2026 12:00:00 GMT Backgrounds Prevents canvas flicker while resizing the container. https://reactbits.dev/backgrounds/gradient-ascii reactbits:Backgrounds/GradientASCII@added Thu, 15 Oct 2026 12:00:00 GMT Backgrounds Soft gradient glows drawn in ASCII characters that scramble under the cursor. https://reactbits.dev/components/fluid-glass reactbits:Components/FluidGlass@2026-10-15 Thu, 15 Oct 2026 12:00:00 GMT Components Same look with less than half the GPU work. On high refresh rate screens it also draws fewer frames while the glass is at rest. https://reactbits.dev/backgrounds/acid-squares reactbits:Backgrounds/AcidSquares@2026-10-14 Wed, 14 Oct 2026 12:00:00 GMT Backgrounds Rebuilt as a rolling field of glossy squares under two drifting colored lights, with square ripples, film grain and an intro that switches the squares on from the center. https://reactbits.dev/backgrounds/ghost-fibers reactbits:Backgrounds/GhostFibers@2026-10-14 Wed, 14 Oct 2026 12:00:00 GMT Backgrounds Rebuilt as layered ribbons of fine glowing fibers with soft depth of field, bright folds and new looks to pick from. https://reactbits.dev/backgrounds/aero-shards reactbits:Backgrounds/AeroShards@2026-10-13 Tue, 13 Oct 2026 12:00:00 GMT Backgrounds Rebuilt as silk ribbons of thick glass shards that stream smoothly on layered depths, light up along their edges and soften into the distance. Adds a chrome finish, survey markers, a cursor that parts the shards, a light wave on click, presets and an edge fade. https://reactbits.dev/text-animations/blur-text reactbits:TextAnimations/BlurText@2026-10-13 Tue, 13 Oct 2026 12:00:00 GMT Text Animations Text can now zoom, tilt in 3D, pull into focus or drift in, starting from the middle, the end or at random. It can also loop, replay on hover or click, start in a second color and keep the hovered word sharp. https://reactbits.dev/components/card-nav reactbits:Components/CardNav@2026-10-13 Tue, 13 Oct 2026 12:00:00 GMT Components Rebuilt with a springy open, cards that rise, unfold or fade in, sliding link arrows, open on hover, a stacked layout for small screens and a light mode. https://reactbits.dev/text-animations/circular-text reactbits:TextAnimations/CircularText@2026-10-13 Tue, 13 Oct 2026 12:00:00 GMT Text Animations Fling the ring and it coasts back to its cruising speed, leans toward the cursor in 3D and can sit back like a planet’s orbit. Add an icon in the middle, an inner circle and natural spacing with gaps. https://reactbits.dev/text-animations/count-up reactbits:TextAnimations/CountUp@2026-10-13 Tue, 13 Oct 2026 12:00:00 GMT Text Animations Numbers can roll into place like an odometer, settle with a spring, shorten to 1.2K or 3.4M and replay on hover. https://reactbits.dev/components/counter reactbits:Components/Counter@2026-10-13 Tue, 13 Oct 2026 12:00:00 GMT Components Rebuilt with springy rolling digits, motion blur and a spin-in intro. Formats currency, percentages, separators and locales, and digits slide in and out as the number grows or shrinks. https://reactbits.dev/backgrounds/crt-warp reactbits:Backgrounds/CRTWarp@2026-10-13 Tue, 13 Oct 2026 12:00:00 GMT Backgrounds Rebuilt as a real CRT that warms up into view, with true scanlines, phosphor masks, afterglow and bloom. The cursor bends the picture like a magnet, clicks flip the channel, and presets add amber, green and arcade looks. https://reactbits.dev/text-animations/curved-loop reactbits:TextAnimations/CurvedLoop@2026-10-13 Tue, 13 Oct 2026 12:00:00 GMT Text Animations Text can now travel along a wave, a closed ring or a straight line, with outlined letters and an accent mark between repeats. Scrolling the page gives the loop a burst of speed that eases off. https://reactbits.dev/text-animations/decrypted-text reactbits:TextAnimations/DecryptedText@2026-10-13 Tue, 13 Oct 2026 12:00:00 GMT Text Animations Letters can now roll in like a flip board or brighten out of faint glyphs, with an accent color that settles as they decode. Text can loop, and hovering can scramble just the letters near the cursor. https://reactbits.dev/text-animations/depth-text reactbits:TextAnimations/DepthText@2026-10-13 Tue, 13 Oct 2026 12:00:00 GMT Text Animations The extrusion can now fade into the page, and the word presses in on hover and springs back. It can also float gently while idle. https://reactbits.dev/text-animations/echo-text reactbits:TextAnimations/EchoText@2026-10-13 Tue, 13 Oct 2026 12:00:00 GMT Text Animations Click the text to send out a burst of echoes, or let the echoes drift on their own or trail behind page scrolling. Echoes can also fade between two colors. https://reactbits.dev/components/elastic-slider reactbits:Components/ElasticSlider@2026-10-13 Tue, 13 Oct 2026 12:00:00 GMT Components Rebuilt with smoother springs and a rubber-band pull at both ends. Adds vertical and pill styles, icons and values inside the track, ticks, a handle, centered fills, and keyboard and scroll control. https://reactbits.dev/components/flowing-menu reactbits:Components/FlowingMenu@2026-10-13 Tue, 13 Oct 2026 12:00:00 GMT Components Rebuilt around one liquid band that glides and stretches between rows and leans toward the cursor, with an intro sweep. New capsule and slab shapes, an editorial layout, notes per row and keyboard support. https://reactbits.dev/text-animations/fold-text reactbits:TextAnimations/FoldText@2026-10-13 Tue, 13 Oct 2026 12:00:00 GMT Text Animations Letters can now open like blinds or flip over like cards, and fold away near the cursor as it passes. Looping text can hold as long as you like before folding back up. https://reactbits.dev/text-animations/fuzzy-text reactbits:TextAnimations/FuzzyText@2026-10-13 Tue, 13 Oct 2026 12:00:00 GMT Text Animations Text can now resolve out of heavy static when it first appears and tear into soft color fringes. The fuzz can follow the cursor, run all the time or fire in bursts on click.