Build your interface.
Real @wabou/ui components, rendered by Wabou. Pick one and edit its source.
Button
Actions with consistent geometry, variants and disabled states.
Downloading renderer…
0%
Use Ctrl+Space for suggestions. Compiled locally in your browser. Switching examples remounts the app; syntax errors retain the last working preview. View edits use Solid granular refresh to preserve parent state; setup changes can reset affected components. Native keyboard input and IME still require browser adapters.
Component catalog
88 component families. Composable parts are grouped with their parent.
Online demos appear in the sidebar. Other entries link to their API source. Native input, platform integrations and custom widgets still need browser adapters.
- Activity Status ↗ Demo pending
- Alert ↗ Demo pending
- Alert Dialog ↗ Demo pending
- Aspect Ratio ↗ Demo pending
- Attachment ↗ Demo pending
- Avatar ↗ Native host
- Badge ↗ Live demo
- Button ↗ Live demo
- Button Group ↗ Demo pending
- Card ↗ Live demo
- Carousel ↗ Demo pending
- Live chart ↗ Live demo
- Code Block ↗ Demo pending
- Combobox ↗ Demo pending
- Command ↗ Demo pending
- Content State ↗ Demo pending
- Context Menu ↗ Demo pending
- Copy Button ↗ Demo pending
- Data Table ↗ Demo pending
- Date Picker ↗ Demo pending
- Dev Server Error ↗ Demo pending
- Dialog ↗ Demo pending
- Diff Viewer ↗ Demo pending
- Direction ↗ Demo pending
- Directory Picker ↗ Native host
- Disclosure ↗ Demo pending
- Kbd ↗ Live demo
- Drawer ↗ Demo pending
- Drop Zone ↗ Native host
- Dropdown Menu ↗ Demo pending
- Empty ↗ Live demo
- Forms ↗ Demo pending
- Group Box ↗ Demo pending
- Hover Card ↗ Demo pending
- Icon Frame ↗ Demo pending
- Image List ↗ Native host
- Image Viewport ↗ Native host
- Inline Edit ↗ Native host
- Input ↗ Native host
- Input Otp ↗ Native host
- Item ↗ Demo pending
- Label ↗ Demo pending
- Layout ↗ Demo pending
- Listbox ↗ Demo pending
- Markdown ↗ Demo pending
- Menubar ↗ Demo pending
- Message ↗ Demo pending
- Message Scroller ↗ Demo pending
- Navigation ↗ Demo pending
- Navigation Menu ↗ Demo pending
- Number Field ↗ Native host
- Onboarding ↗ Demo pending
- Page ↗ Demo pending
- Popover ↗ Demo pending
- Progress ↗ Live demo
- Prompt Composer ↗ Native host
- Prompt Suggestion ↗ Demo pending
- Property List ↗ Demo pending
- Qr Code ↗ Demo pending
- Rating ↗ Demo pending
- Reasoning ↗ Demo pending
- Resizable ↗ Demo pending
- Search Field ↗ Native host
- Select ↗ Demo pending
- Selection ↗ Demo pending
- Separator ↗ Live demo
- Settings ↗ Demo pending
- Shader Layer ↗ Native host
- Sheet ↗ Demo pending
- Shortcut Recorder ↗ Native host
- Sidebar ↗ Demo pending
- Slider ↗ Demo pending
- Split Button ↗ Demo pending
- Stat Card ↗ Demo pending
- Status Bar ↗ Demo pending
- Stepper ↗ Demo pending
- Switch ↗ Demo pending
- Table ↗ Demo pending
- Tabs ↗ Demo pending
- Timeline ↗ Demo pending
- Title Bar ↗ Native host
- Toast ↗ Demo pending
- Tool ↗ Demo pending
- Toolbar ↗ Demo pending
- Tooltip ↗ Demo pending
- Tree View ↗ Demo pending
- Typography ↗ Live demo
- Workbench ↗ Demo pending