React Bits Pro
703 paid React items in one license-gated shadcn registry: 134 animated components, 538 blocks, 11 templates and an Agent Kit
Tier S · Best in classComponent LibraryRegistryBlock CollectionTemplateAgent Skillpro.reactbits.dev
React Bits Pro is the paid counterpart to the open-source React Bits. David Haz makes both. It holds 703 items in one license-gated shadcn registry, and the home page names the count and every category. Five pillars. 134 animated components in five groups: Text 10, Backgrounds 64, 3D and Shaders 21, Cursor Effects 14, UI and Cards 25. 238 page blocks across 21 categories, from Hero at 24 down to Waitlist at 6. 300 application blocks across 38 categories, which include a full set of agent surfaces: AI Chat, Prompt Input, Agent Activity, Tool Calls, Agent Approval, Agent Plan and AI Usage. 11 Next.js landing templates. An Agent Kit of 20 items, made of 8 design skills, 8 page prompts and 3 whole-page recipes. One theme layer restyles all 300 application blocks at once. It carries 6 accents, 6 base greys, 6 fonts and 6 corner radius steps, plus 6 presets. You install the theme as a registry item, or you copy the CSS it generates. Every animated component ships in a Tailwind variant and a vanilla CSS variant. Blocks and application blocks are Tailwind only and carry no shadcn primitive dependency. Installation runs through the shadcn CLI against two registries, @reactbits-starter and @reactbits-pro. Both need a license key in an Authorization header. A request without one returns 401 with the components.json snippet you need. The August 2026 update doubled the product. It added the 300 application blocks, the theme layer, the Agent Kit, a Landing Builder in beta that exports a whole Next.js project, and 34 new components.
npx shadcn@latest add @reactbits-pro/hero-7For an agent
Read https://pro.reactbits.dev/llms.txt first for the shape of the product, then the docs pages for the item names. Both are public and need no key. Check the numbers against the site before you quote them. The llms.txt is stale: it says 130 creative components and 81 application blocks in the body, while the home page, the meta description and the JSON-LD all say 134 and 300. Trust the home page. Name the registry in every install command, or the shadcn CLI falls back to the default shadcn/ui one. Components come from @reactbits-starter and work on every tier. Blocks, application blocks and the Agent Kit come from @reactbits-pro and return 403 on a Starter key. Set REACTBITS_LICENSE_KEY in .env.local next to components.json. The MCP server runs the shadcn CLI from the project root, so a key it cannot resolve there gives 401 on every install. Use the Agent Kit rather than free prompting when the brief is a whole page. Install one design skill and one page prompt or recipe, then follow the recipe. It names the exact blocks in order. Reach for the application blocks when the brief is a logged-in product. The AI and agent group covers chat, prompt input, tool calls, approvals, plans and usage meters, which no free registry in this corpus matches.
Why it is here. It is the most agent-ready paid registry in this corpus. A public llms.txt, a 794-URL sitemap, a documented MCP path, a published SKILL.md and a 20-item Agent Kit mean an agent can plan a whole page before it spends a key. The 300 application blocks also make it the only registry here that covers the logged-in product as thoroughly as the marketing page.
Facts
- License
- Commercial license, Proprietary / all rights reserved
- Pricing
- Paid, One-time purchase, Free but account required
- Framework
- React, Next.js
- Styling
- Tailwind CSS v4, Tailwind CSS, Vanilla CSS, Shader / GLSL
- Distribution
- shadcn registry, CLI installer, MCP server, Direct download / asset pack, Agent skill / rules pack
- Platform
- Web
- Content type
- Code, Prompts, Design tokens / theme files
- Agent readiness
- Machine-readable registry item, CLI installable, MCP server, Agent skill or rules pack, llms.txt, Structured documentation, Machine-readable index, Login required, Agent access behind payment
- Accessibility
- Unknown
- Maturity
- Actively maintained
- Pricing detail
- One-time payment, lifetime updates, three tiers. Starter $129 gives the 134 animated components and the agent skill file. Pro $249 adds the 238 page blocks, the 300 application blocks and the Agent Kit. Ultimate $349 adds the 11 downloadable templates and priority email support. One license covers one developer for unlimited commercial projects. The license forbids repackaging the code as a competing library, theme or template. The Portfolio template is free on every tier. Team and volume licensing goes through pro@reactbits.dev.
Components it ships
134 totalHelps you build
32Templates
11- SaaS Landing · A full Next.js SaaS marketing landing page
- Minimal Landing · A stripped-back landing page with little decoration
- Agency Site · A studio or agency site with case-study sections
- Finance Landing · A finance and fintech landing page
- AI SaaS Landing · A landing page for an AI product
- Shader Template · A landing page built around WebGL shader scenes
- Wireframe Template · A low-fidelity wireframe landing page
- Portfolio Template · A personal portfolio, free on every tier
- 8-Bit Template · A pixel-art landing page
- AI App Template · An AI application interface, not a landing page
- Security Template · A security product landing page
Notable for
- 703 items in one license-gated shadcn registry
- 300 application blocks across 38 categories
- six agent surfaces: chat, tool calls, approvals, plans, usage
- 20-item Agent Kit of skills, prompts and recipes
- one theme layer restyles all 300 application blocks
Provenance
Verified 2026-09-05. HTTP 200. https://pro.reactbits.dev/ 200, 419,934 bytes. Title "React Bits Pro | Animated React Components, Blocks & Templates". The meta description reads "134 animated React components, 238 page blocks, 300 app UI blocks, 11 templates and an AI Agent Kit. One-time payment, lifetime updates." The home page states "703 assets inside" and lists every category with a count. Components: Text 10, Backgrounds 64, 3D & Shaders 21, Cursor Effects 14, UI & Cards 25, which sums to 134. Page blocks across 21 categories: Hero 24, Features 13, Social Proof 16, Contact 12, Footer 12, Comparison 8, Navigation 15, Auth 6, Call To Action 14, FAQ 9, Pricing 15, Stats 15, 404 8, Profile 6, About 12, Waitlist 6, Showcase 8, How It Works 9, Download 8, Blog 11, Ecommerce 11, which sums to 238. Application blocks across 38 categories sum to 300, and include AI Chat 9, Prompt Input 7, Agent Activity 7, Tool Calls 6, Agent Approval 6, Agent Plan 6, AI Usage 8, Analytics 16, Dashboard 14, Navbar 14, Authentication 14. Templates 11 and Agent Kit 20 bring the total to 703. The JSON-LD carries founder "David Haz" with https://davidhaz.com, https://x.com/davidhdev and https://github.com/DavidHDev, isAccessibleForFree false, and three OneTimePayment offers: Starter 129 USD, Pro 249 USD, Ultimate 349 USD. Its featureList names "Live app UI theming: accent, base, font and radius across every block" and "AI agent SKILL.md for Cursor, Claude Code, and similar tools". /llms.txt 200 at 11,707 bytes and gives the pricing table, the license terms and the install flow, but its body says 130 creative components and 81 application blocks across 12 categories, which contradicts the home page. /sitemap.xml 200 with 794 URLs, of which 770 are under /docs. /robots.txt 200 and allows everything except /api/, /auth/, /profile, /login, /app-ui-lab and /particle-lab. /zzz-not-a-page returns 404, so the site has no catch-all route. /license 200, last updated 25 August 2026, and defines Components, Blocks, App UI blocks, Templates, Agent Kit, Landing Builder and "Registries and tooling" as parts of the Product. /docs/mcp 200 and documents two registries, @reactbits-starter and @reactbits-pro, with the note that Blocks, Application UI and the Agent Kit return 403 on a Starter plan. /api/r/starter/skill returns 401 with the message "License key required. The starter plan is a paid tier." and the components.json snippet "https://pro.reactbits.dev/api/r/starter/{name}.json" with an Authorization Bearer header, plus the example "npx shadcn@latest add @reactbits-starter/mono-waves-tw". /changelog 200 and dates "The Biggest Update of the Year" to 10 August 2026: "300 App UI blocks across 38 categories", "One theme layer restyles all 300 at once: accent, base, font, and corner radius", "Landing Builder (Beta): compose a page from blocks and export it as a complete Next.js project", "Agent Kit: 8 design skills, 8 page prompts, and 3 full-page recipes", and "34 new animated components, bringing the total to 134". The sitemap names all 11 templates: saas-landing, minimal-landing, agency-site, finance-landing, ai-saas-landing, shader-template, wireframe-template, portfolio-template, 8-bit-template, ai-app-template, security-template. The free sister product already sits in this corpus as react-bits in links-41.json.
Also in Component Libraries
6- Ark UI · 49 headless components with one API across React, Vue, Solid and Svelte
- Astryx · Meta's open-source React + StyleX design system, 150+ components and 42 templates
- Chakra UI · 114 accessible React components with a token-driven styling system
- Coss UI · Cal.com's design system: 60 Base UI primitives shipped as a shadcn registry
- daisyUI · 68 pure-CSS Tailwind components as semantic class names, MIT, with 35 built-in themes
- GPUI Component · 60+ Rust desktop UI components for GPUI, with a 200K-line code editor and charts