Buildspace UI

Blocks

Composed layout patterns from the Buildspace design system — forms, headers, pricing, data display, and navigation. Copy the install command for any block.

Login form

Centered card, one shape above the heading, stacked fields, one full-width CTA.

Welcome back

Sign in to your account to continue.

Sign in

Dashboard header

Breadcrumbs, serif title, status sticker, quiet chips, then tabs.

Deployments

Live
Productionus-east-1

Empty state

Centered empty state with one accent icon and dual actions.

No deployments yet

Deploy your first app to see it show up here, live and monitored.

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.

terminal
npx shadcn add https://ui.buildspace.studio/r/login-form.json

Pricing table

Three-tier pricing grid — the middle card lifts as the featured plan.

Hobby

$0/mo
  • 1 environment
  • Community support
  • Shared compute

Studio

Popular
$29/mo
  • Unlimited environments
  • Priority support
  • Dedicated compute
  • Custom domains

Scale

Custom
  • 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.

128
Active apps
4.2M
Requests / mo
12
Team members
99.98%
Uptime

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.

  1. RC

    Riley Chen deployed api-gateway to production

    Deployed2m ago
  2. SO

    Sam Ortiz invited priya@acme.dev to the workspace

    Invite1h ago
  3. JP

    Jules Park rotated the production database credentials

    Security3h ago

Data table

Ink-bordered table with sticker status badges and a pill pagination footer.

ServiceEnvironmentStatusRegionUpdated
api-gatewayProductionsuccessus-east-12m ago
worker-queueProductionwarningus-east-118m ago
docs-siteStagingmutedeu-west-11d ago
billing-serviceProductiondangerus-east-16h ago

Command menu

Self-contained cmd+K / ctrl+K palette that filters a static list of grouped links.