The block library for the agent era
Agent-ready components, blocks, and templates for React, styled with StyleX. Install from the CLI or over MCP — type-safe, atomic, zero-runtime CSS.
StyleX blocks for modern React apps
Sign-in to settings — complete app sections, beautiful out of the box and easy to customize using our StyleX token system.
Every component your app needs
Expertly crafted StyleX recipes on top of accessible Ark UI or Base UI primitives. Zero runtime CSS.
Add a block in seconds
From the terminal, your editor, or an AI assistant: a block lands in your codebase as source you own.
Install from the CLI
One command adds a block with its components and StyleX tokens resolved into your project.
Copy and paste
Every block is plain React + StyleX source. Open it, copy it, own it — no runtime library to depend on.
Ask your AI assistant
The MCP server lets Claude or your editor's agent browse the catalog and install blocks for you.
❯ bunx stylexblocks add hero-01
resolving hero-01 and 3 dependencies…
✓ src/blocks/hero-01.tsx
✓ src/ui/button.tsx
✓ src/ui/tokens.stylex.ts
❯ bun dev
ready in 214 ms — 0 kB runtime CSSPay once, build forever
Start free with the open catalog. Upgrade once for every pro block we ship — including everything we add later.
Free
Every free block and component, ready to copy straight from the docs.
- 40+ free blocks
- All core components
- Copy-paste source
- MIT licensed
Pro
The full catalog for a single developer, with lifetime updates.
- 110+ pro blocks
- All block categories
- CLI & MCP install
- Lifetime updates
Team
Everything in Pro for your whole team, plus priority support.
- Everything in Pro
- Unlimited team seats
- Private Discord
- Priority support
Ship your next app with StyleX
StyleX Blocks is almost ready. Leave your email and be the first to know when it launches.
or browse the free blocks