reablocks
Open-source enterprise React components based on Tailwind
FreeOpen SourceUI LibraryTailwind CSS10,905 impressions#2 of its week1 comment
Comments
>log in to comment- Devluc· 2y ago
Great project. Supported. I'll soon add it to the Components - React category on HTMLrev
Reablocks is an open-source React component library built on Tailwind and Framer Motion, offering ready-made UI blocks and theming.
- for
- React developers who need customizable, Tailwind-styled UI components and page-level blocks.
- pricing
- paid
- license
- Apache-2.0
Key features
- 70+ UI components — A collection of over 70 React components covering data, forms, layout, and typography.
- 12 page-level blocks — Pre-built full-page blocks for authentication, administration, and foundation use cases.
- Theming system — Theme objects extend Tailwind tokens, with dark/light variants and per-component overrides.
- CLI bootstrap — npx reablocks-cli init auto-detects framework, installs dependencies, and wires ThemeProvider.
- AI-native skill packs — Exports prop schemas and recipes that AI assistants like Claude can consume to generate code.
- Accessible & tree-shakable — Components are built for accessibility and can be tree-shaken to reduce bundle size.
Use cases
- Build a full admin dashboard in a single afternoon using pre-made blocks
- Create authentication flows (sign-in, MFA, password reset) with ready components
- Integrate design tokens from Figma directly into Tailwind utilities
- Generate UI code via AI assistants using exported skill packs
reablocks pricing
- Free$0/month10 members · Integration support · Figma support
- Starter$1,000/monthUnlimited members · Integration support · Figma support · Storybook support
reablocks vs alternatives
| Best for | Tailwind-based React component library | Free multi-framework Tailwind components | Full-stack SaaS starter | Tailwind UI components |
|---|---|---|---|---|
| Pricing | Paid | Free | Free | Free |
| DevHunt upvotes | 23 | 44 | 54 | 36 |
| Launched | Jan 2025 | Dec 2023 | Jan 2023 | Jan 2024 |
- reablocks vs Float UI v2: Float UI v2 provides free Tailwind UI components for multiple frameworks but lacks the extensive page-level blocks and CLI setup of Reablocks.
- reablocks vs Saas UI: Saas UI is a starter kit with integrated backend, whereas Reablocks is a pure component library with theming and AI integration.
- reablocks vs Flowbite: Flowbite offers open-source Tailwind components but does not include the AI-native skill packs or the extensive theming system of Reablocks.
reablocks FAQ
How do I install Reablocks?+
Run npx reablocks-cli@latest init, which detects your framework, installs Reablocks and Tailwind, and wraps your app with <ThemeProvider/>.
Which frameworks are auto-detected?+
The CLI can detect React Router, Vite, Next.js, Remix and configures the project accordingly.
How does theming work?+
You extend Tailwind token objects via extendTheme and provide them through a ThemeProvider or per-component theme prop.
Are the components accessible?+
Yes, the library emphasizes accessibility and components are built to meet accessibility standards.
Can AI tools use Reablocks components?+
Each component exports a .skill.json schema and recipes, allowing AI assistants like Claude, Cursor, and Copilot to generate working code.
Is the library tree-shakable?+
Components are tree-shakable, so unused parts are omitted from the final bundle.
Summarized by DevHunt from reablocks.dev · Sep 27, 2026. Details may change; check the official site.