From one button to a full dashboard Start with a pebble.
Start with a pebble.
Ship a mountain.
Every Pebble piece is editable source that fits the next, so small starts grow into whole products.
Works with
- shadcn/ui
- React
- Next.js
- Tailwind CSS
- Radix
- TypeScript
- Vercel
Component workbenchBuilt by Pebble
Prompt Suggestions preview loads as you scroll
Inside the library
Prompt Suggestions
Turn a blank conversation into a useful starting point.
- Suggested prompts
- Keyboard navigation
- Selection feedback
Free source is on each component page. Pro source comes with Pebble Pro.
React + TypeScript + TailwindMake it yours
The collection
Find the right piece.
Core inputs & forms46Buttons & actions33Navigation36Overlays & feedback49Data display33Charts & data viz40Cards & layout43Marketing blocks38App shells & pages37AI interfaces40Text & typography effects33Backgrounds & visual effects38Motion & transitions32Numbers & counters32Media34E-commerce333D & interactive36Themed sets40
From idea to interface
Fits the way you build.
01 / EXPLORE
Find your component
Browse by category. Try the interactions. See every state before you bring it into your project.
02 / INSTALLMake it your own
Free components install as editable source through the shadcn CLI. Change everything down to the last detail.
03 / CONNECTBuild with your agent
Give your agent component search, source, props, and build notes through Pebble’s MCP server.
Before you start
A few details.
Free essentials. A planned one-time Pro upgrade. Live previews for the entire collection.
See pricing plans ↗