Changelog

80 New Components & 20 Marketing Blocks

The October release expands the library with animated backgrounds, interactive typography, galleries, cursor effects and image treatments, alongside new hero, feature, stats and about sections. Every component includes Tailwind and vanilla CSS variants, with live controls and copyable configurations.

• Backgrounds range from glowing 3D drapes and flowing satin to clouds, galaxies and ASCII scenes
• Interactive type stretches, falls, shatters, morphs and writes itself with ghost completions
• Galleries wrap photos around rings, ribbons and helices, with dedicated magnifier, burn and liquid image effects
• Cursor effects include ribbons, ink, electric arcs, confetti and draggable stickers
• New marketing sections cover immersive heroes, product features, data stories and company introductions

Four New Templates

Four complete starting points for your next launch: Agentframe for an AI agent platform, Cloudlight for cloud storage, Imageworks for an AI image studio, and Sparkdesign for a creative team. Each includes responsive layouts, light and dark themes, animations, and editable source code.

• Agentframe: an AI platform with an interactive hero, pricing, and field notes
• Cloudlight: a cloud storage product with a WebGL hero and floating navigation
• Imageworks: an image creation studio with a 3D hero and a scroll-driven gallery
• Sparkdesign: a creative workspace with an interactive workflow and project showcase
• Explore each live preview, then download the complete project with Ultimate or buy the template individually

Folders for Saved Items & Copy Configuration

Two quality-of-life changes for people who live in the docs. Saved items can now be organised into folders, and the Copy menu on every component preview can hand you the exact configuration you dialled in with the controls, not just the default source.

• Folders on the Saved page: create, rename and delete them, file one item in several folders, and drag items between them
• Save any component or block straight into a folder from its page; folders sync with your account like the rest of your saved items
• Copy configuration: the Copy menu now emits the component as JSX with the props you set in Customize, ready to paste
• The agent prompt variant pairs that configuration with the install command, so your AI agent installs and wires it exactly as previewed

Bento Grids & the Bento Builder

A new Bento category of 42 animated feature tiles built on one shared system, so any combination reads as a single design. Compose them into a grid in the new Bento Builder, then export the section as code or as a prompt for your agent. Bento sections also drop straight into the Landing Builder. Block count is now 280.

• 42 Bento tiles: analytics, integrations, security, AI chat and agents, devices, galleries, marquees and more, each in light and dark, responsive at every footprint
• Bento Builder: drag tiles onto a 2, 3 or 4 column grid, resize from any edge, swap by dragging, and export the section as code or an agent prompt
• Bento sections in the Landing Builder: add a grid as a page section and export it with the rest of the project
• Block count is now 280 across 22 categories

16 New Components

The September batch leans into simulation: GPU particles that morph between images, a liquid ASCII surface, a photo relit from an estimated depth field, ray-marched flights and a set of scroll-driven galleries. Every component ships in Tailwind and vanilla CSS variants, bringing the library to 150.

• Particle Morph flows GPU particles between a sequence of images and silhouettes without respawning
• ASCII Ripple runs a real wave simulation through a page of monospace text, refracting the words under the pointer
• Depth Image relights a flat photo with a pointer driven light, estimating depth on the fly with no model download
• Glass Reveal refracts one image through another behind a square, circle, blob or rippling portal lens
• Four scroll galleries: Bend, Twisting, Dolly and Scroll Portal, plus Tile Reveal for a headline reveal
• Ray-marched and shader scenes: Ravine, Eclipse, Long Exposure, Glowing Ridges and Neural Flash

The Biggest Update of the Year

React Bits Pro doubles in scope. The library now covers the logged-in product, not just the page that sells it: 300 themeable App UI blocks, a visual Landing Builder in beta that exports real projects, an Agent Kit that teaches your AI agent taste, and 34 new components.

• 300 App UI blocks across 38 categories: dashboards, data tables, sidebars, billing, settings, and a full suite of AI and agent surfaces
• One theme layer restyles all 300 at once: accent, base, font, and corner radius, with a live panel in the docs and copy-paste CSS for your own project
• Landing Builder (Beta): compose a page from blocks and export it as a complete Next.js project, a copy guide, individual files, or an AI prompt
• Agent Kit: 8 design skills, 8 page prompts, and 3 full-page recipes, usable with or without the component library
• 34 new animated components, bringing the total to 134
• Saved items across the docs, synced to your account
• The React Bits Pro Skill rewritten so agents install App UI, the Agent Kit, and themes correctly

300 App UI Blocks

The application layer, built as one system. 300 blocks across 38 categories that compose into real product screens, and a single theme layer that restyles every one of them.

• 38 categories spanning navigation, data, workflows, auth, overlays, forms, and AI
• Themeable end to end: 6 accents, 6 base greys, 6 fonts, and 6 radius steps from square to pill, plus 6 ready-made presets
• Corner geometry stays concentric at every radius setting, so nothing warps when you change it
• Install the theme itself as a registry item, or copy the generated CSS into your project
• Built to compose: a sidebar, header, table, dialog, and AI panel line up as one interface
• A dedicated AI and agent group: chat, prompt input, tool calls, approvals, plans, and usage meters

Landing Builder (Beta)

Compose a landing page from blocks in the browser, edit the copy in place, then export it as code you own. What you see on the canvas is what ships. It is early, so expect rough edges and tell us what breaks.

• Drag to reorder, swap variants, and preview at any breakpoint on a real iframe canvas
• Edit headlines and button labels directly on the page; changes are written back into the exported source
• Export four ways: a complete Next.js project, a guide for an existing project, individual files, or an AI prompt
• Dependency versions are read from the real library, so an exported project installs and builds
• Preview and export are the same code path, so the page you assembled is the page you get

The Agent Kit

AI agents are good at wiring logic and bad at inventing taste. The 20-item Agent Kit combines design direction with the React Bits Pro setup skill.

• 8 design skills: Apple Minimal, Swiss Grid, Editorial, Luxury Serif, Neobrutalism, Playful Motion, Corporate Trust, and Terminal Dark
• 8 page prompts tuned per vertical: SaaS, fintech, agency, developer tool, ecommerce, real estate, fitness, and consumer hardware
• 3 recipes that arrange real blocks into a complete page: SaaS homepage, agency homepage, and product launch
• Works standalone: the skills and prompts improve an agent's output even without the component library
• Installs through the same registry as everything else

34 New Components

The largest component drop since launch: WebGL fields, scroll-driven galleries, particle systems, and carousels. The component count is now 134.

Saved Items & a Rebuilt Docs Shell

The docs grew four new sections this release, so the shell around them was rebuilt to keep up: a section switcher, a shortlist that follows your account, and controls that are actually pleasant to drag.

• Save any component, block, or App UI category and find it again under Saved, synced to your account across devices
• A section switcher for moving between Components, Blocks, App UI, Agent Kit, and Templates
• A live theme panel on every App UI page: accent, base, font, radius, and presets
• Rebuilt Customize controls: drag-anywhere sliders, a proper colour picker, and segmented toggles at one consistent size
• Search now indexes App UI and the Agent Kit alongside everything else
• The React Bits Pro Skill was rewritten so agents install App UI blocks, Agent Kit items, and themes without guessing

Docs Experience Overhaul

A ground-up redesign of the docs: cleaner layouts, a grouped sidebar, and new AI-ready copy tools on every page.

• Copy for AI on every component and block: install command, page as Markdown, or a ready-to-paste prompt, with full source for licensed users
• Components reorganized into 5 categories: Text, Backgrounds, 3D & Shaders, Cursor Effects, and UI & Cards
• Block categories viewable as a list, 3-column grid, or per-variant pages
• Smarter search with recent items, keyboard navigation, and a roadmap CTA on no results
• Prev/next navigation, related components, and breadcrumbs on every page
• One-click Reset for the Customize controls

80 New Blocks

The biggest blocks release yet, 80 brand-new blocks touching every one of the 21 categories, including WebGL shader heroes, animated stats, and refined navigation menus.

• Every category grew: 3–7 new blocks in each of the 21 categories
• 7 new Hero blocks, including WebGL shader backdrops built on three.js
• Animated stats, pricing switchers, comparison charts, and auto-rotating social proof
• Block count is now 238

3 New Templates

Three new landing page templates join the Ultimate tier: a retro pixel-art theme, an AI app landing, and a security page.

• 8 Bit: retro pixel-art landing page with pixel effects and a WebGL globe
• AI App: minimal landing page with scroll-driven set pieces
• Security: dark-first editorial landing page with a WebGL curtain reveal
• Template count is now 11

13 New Components & 3 New Templates

A fresh batch of animated components. Shaders, cursors, carousels, and a magic AI-style hero, plus three brand new landing page templates, including a freebie.

• 13 new components added
• 3 new landing page templates: Shader, Wireframe, and Portfolio (free)
• Component count is now 100+

Docs Navigation Overhaul

A focused pass on docs navigation and discovery. Faster ways to jump between sections, dedicated browsers for components and blocks with rich filtering, and a tighter navbar that gets out of the way as you scroll.

• Quick navigation links for jumping between sections without leaving the page
• Component browser with category, tag, and tier filters
• Block browser with category and tier filters
• Collapsing navbar that maximizes vertical space while you read

57 New Blocks

A huge blocks release, 57 brand-new blocks across 18 categories.

• New Ecommerce category with 7 ready-to-ship blocks (PDP, catalog, compare, shop-all, categories)
• 5 new Pricing blocks, compare tables, single-plan, usage sliders, split layouts
• 4 new Hero blocks and 5 new CTA blocks with modern layouts and effects
• Expanded 404, About, Blog, Contact, Download, FAQ, Features, Footer, How It Works, Navigation, Showcase, Social Proof, Stats, and Comparison block collections

AI Agent Skill Files

Shipped AI Agent Skill Files: a SKILL.md file you can install into your project so AI coding assistants always know how to integrate React Bits Pro components and blocks.

• AI Agent Skill Files for seamless component integration
• Install via CLI: npx shadcn@latest add @reactbits-starter/skill
• Works with Cursor, Windsurf, Copilot, and other AI assistants

22 New Components

A massive component drop: 22 brand-new animated components covering shaders, cursors, cards, galleries, and more. All available in both Tailwind and vanilla CSS variants.

• 22 new components added to the registry
• Shader backgrounds, cursor effects, interactive cards, and galleries
• All components available in Tailwind and CSS variants