Documentation / Start here
Build with Pebble
Choose a component, bring in the source, and make it your own.
Pebble Pro is live · The Pebble installer is not published yet, so Free components install through the shadcn CLI.
Choose your starting point
Pebble is a collection of React components you bring into your own codebase. Start with a live preview, then install the source and adapt it to your product.
Your first component
Use Next.js 16, React 19 and Tailwind CSS 4 with Node.js 22.18 or newer. The shadcn CLI copies a Free component’s source and dependencies into your project:
npx shadcn@latest add https://pebbleui.com/r/button.jsonBuild with your agent
The pebbleui MCP gives your agent component discovery, source and implementation context. Free components work without a token; licensed Pro retrieval uses the same connection with authorized credentials.
Connect your agent ↗Explore the guides
Search components, read build guides, and retrieve source through the pebbleui MCP.
Keep your own visual system, or start with Pebble’s tokens.
One MCP for Free components and your licensed Pro releases.
A few checks to get your installation back on track.