Blocks
Composed layout patterns from the Buildspace design system — forms, headers, pricing, data display, and navigation. Copy the install command for any block. Chart and usage-meter blocks moved to Charts.
Login form
Centered card, one shape above the heading, stacked fields, one full-width CTA.
Welcome back
Sign in to your account to continue.
Dashboard header
Breadcrumbs, serif title, status sticker, quiet chips, then tabs.
Deployments
LiveEmpty state block
Centered empty state with one accent icon and dual actions.
No deployments yet
Card callout
The one loud, filled-pastel card a view is allowed — reserve for a single hero moment.
Build with AI
Ask the Buildspace agent to scaffold a new service in seconds.
Code block
Ink-dark, mono-text terminal block. Never nests a pastel surface inside it.
npx shadcn add https://ui.buildspace.studio/r/login-form.jsonPricing table
Three-tier pricing grid — the middle card lifts as the featured plan.
Hobby
- 1 environment
- Community support
- Shared compute
Studio
Popular- Unlimited environments
- Priority support
- Dedicated compute
- Custom domains
Scale
- SSO + audit logs
- Uptime SLA
- Dedicated infra
- White-glove onboarding
Stats grid
Grid of quiet accent-card stat tiles — icon, big serif number, quiet label.
Feature grid
Borderless icon + title + description grid for marketing sections.
Composable services
Every backend piece ships as a metered, replaceable service.
Tenant isolation
Enforced at the middleware layer, before route handlers ever run.
Live observability
Structured logs and metrics on every request, out of the box.
Agent-native
Provision, deploy, and inspect apps straight from an AI agent.
FAQ accordion
Single-open FAQ list built on the accordion primitive.
Settings panel
Stacked settings form: text field, a row of toggles, then a save CTA.
Workspace settings
Update your workspace name and notification preferences.
Deploy notifications
Email when a deploy finishes.
Weekly digest
A summary of usage every Monday.
Activity feed
Timeline of avatar + actor + action rows, each tagged with a status sticker.
- RC
Riley Chen deployed api-gateway to production
Deployed2m ago - SO
Sam Ortiz invited priya@acme.dev to the workspace
Invite1h ago - JP
Jules Park rotated the production database credentials
Security3h ago
Data table
Ink-bordered table with sticker status badges and a pill pagination footer.
| Service | Environment | Status | Region | Updated |
|---|---|---|---|---|
| api-gateway | Production | success | us-east-1 | 2m ago |
| worker-queue | Production | warning | us-east-1 | 18m ago |
| docs-site | Staging | muted | eu-west-1 | 1d ago |
| billing-service | Production | danger | us-east-1 | 6h ago |
Microapp shell
Thin single-purpose tool chrome: title, sentence, capability chips, and a toolbar.
Icon exporter
Turn any icon into every format your app needs.
Logo mark
Rounded-square icon mark and horizontal wordmark, both drawn in currentColor.
Chat tool card
One card covers the whole tool-call lifecycle: streaming, approval, answered, denied, errored.
input-streaming
Checking list engagements...
approval-requested
Approve close engagement?
{
"id": "eng_492"
}output-available
{
"count": 3
}output-error
Engagement is already closed.
Chat message list
Renders UIMessage.parts generically — text becomes messages, tool parts become chat-tool-cards.
Chat prompt input
Enter-to-send composer with paste and drag-and-drop image attachments.
Assistant panel
The dockable form: a fixed trigger button plus the same thread inside a right-side sheet.