Blocks

A responsive revenue dashboard with persistent navigation, compact metrics, reporting controls, and a mobile navigation fallback.

1 example / src/pages/blocks/app-shells/dashboard

A responsive supervised-AI shell with rich agent and workstream selection, compact review rows, approval boundaries, and audit-ready activity.

1 example / src/pages/blocks/app-shells/ai-workspaces/ai-collaboration-shell

A ChatGPT-style application shell with a thread sidebar, message stream, and composer.

1 example / src/pages/blocks/communication/chat

A universal command palette shell for global search, quick navigation, recent work, and high-frequency product actions.

1 example / src/pages/blocks/app-shells/command-palette

A Cursor-style AI coding workspace with a file explorer, editable code tabs, agent chat, command palette, review drawer, and resizable panes.

2 examples / src/pages/blocks/developer-experience/cursor-workspace

A product tour builder for authoring in-app onboarding steps, choosing targets, tuning tooltip placement, scheduling launches, and checking publish readiness.

1 example / src/pages/blocks/conversion/product-tours/product-tour-builder

A Mac Mail-style three-pane layout with folders, message list, and readable preview panel.

1 example / src/pages/blocks/communication/mail

A step-up verification dialog for reauthenticating users before sensitive account, billing, or security actions.

1 example / src/pages/blocks/account-settings/security/step-up-verification

An API request console for composing calls, switching environments, testing payloads, inspecting responses, and saving reusable templates.

1 example / src/pages/blocks/developer-experience/api-request-console

A single-column enterprise SSO setup wizard for configuring identity providers, domains, metadata, group mappings, and rollout checks.

1 example / src/pages/blocks/account-settings/security/enterprise-sso-setup

A sprint planning board for prioritizing backlog work, balancing engineering capacity, and tracking release readiness.

1 example / src/pages/blocks/work-management/sprint-planning

An API key management console for creating credentials, reviewing scopes, rotating secrets, and monitoring usage.

1 example / src/pages/blocks/developer-experience/api-keys

A responsive appointment booking flow for choosing a meeting type, date, time, attendee details, and confirmation.

1 example / src/pages/blocks/conversion/appointment-booking

A team access console for inviting members, changing roles, tracking seats, and reviewing account security signals.

1 example / src/pages/blocks/operations/team-members

A webhook operations console for configuring endpoints, subscribing to events, inspecting deliveries, and retrying failures.

1 example / src/pages/blocks/developer-experience/webhooks

A feature flag rollout console for targeting audiences, monitoring guardrails, and shipping releases gradually.

1 example / src/pages/blocks/operations/feature-flags

A notification preference center for channel controls, quiet hours, digest cadence, required alerts, and preference review.

1 example / src/pages/blocks/account-settings/notification-preferences

A review console for approving sensitive product changes with policy checks, approvers, comments, and audit history.

1 example / src/pages/blocks/operations/approval-workflow

A saved filters and segment builder workspace for composing rules, previewing matching records, and sharing reusable views.

1 example / src/pages/blocks/work-management/saved-filters

An account security center for reviewing active sessions, trusted devices, recovery coverage, and recent access activity.

1 example / src/pages/blocks/account-settings/session-security

A media asset picker for browsing visual content, filtering collections, previewing files, and inserting selected assets.

1 example / src/pages/blocks/content-management/media/media-asset-picker

Production-shaped setup flows for converting a new signup into an activated workspace.

1 example / src/pages/blocks/conversion/onboarding

An object-level sharing and permissions panel for inviting collaborators, managing link access, and reviewing safety checks.

1 example / src/pages/blocks/collaboration/share-permissions

A workflow automation builder for composing triggers, conditions, actions, safety checks, and test runs.

1 example / src/pages/blocks/work-management/workflow-automation

A bulk action review console for selecting records, previewing changes, checking risk, and executing admin operations.

1 example / src/pages/blocks/operations/bulk-actions

A CSV import mapper for matching columns, reviewing validation issues, and approving data before creation.

1 example / src/pages/blocks/data-capture/data-import

A privacy control center for managing consent, visibility, retention, data export, and account-data requests.

1 example / src/pages/blocks/account-settings/privacy/privacy-control-center

A visual review surface for pinning comments to screens, triaging threads, and resolving annotated feedback.

1 example / src/pages/blocks/collaboration/review/screen-annotation-review

A usage limit manager for configuring quotas, overage rules, alerts, exceptions, and billing guardrails.

1 example / src/pages/blocks/monetization/usage-limits

A SaaS plan entitlement matrix for comparing packages, gating features, mapping checkout SKUs, and previewing upgrade paths.

1 example / src/pages/blocks/monetization/packaging/entitlement-matrix

A SaaS billing settings surface for plan management, usage, seats, payment method, and invoices.

1 example / src/pages/blocks/monetization/billing

A tree-first app navigation builder with hierarchy editing, audience rules, live preview, and a publish payload.

1 example / src/pages/blocks/content-management/navigation/app-navigation-builder

A tile-first integration marketplace for discovering connectors, reviewing permissions, and launching install or reconnect workflows.

1 example / src/pages/blocks/developer-experience/integration-marketplace

An AI prompt lab for editing prompts, running eval cases, reviewing output quality, and tracking model cost and safety checks.

1 example / src/pages/blocks/developer-experience/ai-prompt-lab

A feedback board for triaging feature requests, tracking customer demand, setting status, and planning roadmap follow-up.

1 example / src/pages/blocks/product-management/feedback-board

Complete application form starters using field primitives, form state, native controls, and semantic status tokens.

4 examples / src/pages/blocks/data-capture/forms

A support ticket workspace with a queue, SLA signals, customer context, reply composer, and resolution checklist.

1 example / src/pages/blocks/operations/support-center

A moderation review queue for triaging reported content, applying policy decisions, and keeping an audit trail.

1 example / src/pages/blocks/trust-and-safety/content-moderation

A mobile-first approval queue with request triage, policy context, bottom-sheet decisions, and escalation handling.

1 example / src/pages/blocks/operations/approvals/mobile-approval-queue

A cloud control panel for creating a virtual machine, reviewing policy checks, estimating cost, and monitoring fleet capacity.

1 example / src/pages/blocks/operations/infrastructure/virtual-machine-control-panel

A mobile-first card control center for freezing a card, tuning spend limits, reviewing controls, and launching sensitive actions from a bottom sheet.

1 example / src/pages/blocks/financial-services/cards/card-control-center

A mobile-first card dispute flow for selecting a transaction, checking eligibility, collecting evidence, and submitting an auditable case.

1 example / src/pages/blocks/financial-services/disputes/card-dispute-flow

A document signing packet builder for preparing recipients, fields, delivery settings, safety checks, and audit history.

1 example / src/pages/blocks/documents/document-signing

A map-first field dispatch workspace for routing technicians, filtering coverage, assigning stops, and reviewing route risk.

1 example / src/pages/blocks/operations/logistics/field-dispatch-map

A responsive checkout review with rich delivery and payment dropdowns, compact order rows, readiness checks, and a sticky purchase summary.

1 example / src/pages/blocks/commerce/checkout-review

A localization review workbench for editing translated strings, resolving QA checks, applying glossary terms, and publishing locale-ready copy.

1 example / src/pages/blocks/content-management/localization/localization-review-workbench

A revenue-focused availability calendar for editing nightly pricing, blocked dates, stay rules, and publish-ready inventory changes.

1 example / src/pages/blocks/commerce/booking/availability-pricing-calendar

A changelog publishing workspace for drafting release notes, targeting audiences, previewing channels, and checking launch readiness.

1 example / src/pages/blocks/communication/changelog-publisher

An incident command center for coordinating severity, affected services, comms, tasks, and audit history during production incidents.

1 example / src/pages/blocks/operations/incident-response

A mobile-first pickup handoff flow for arrival, pickup-code verification, item readiness, substitutions, and contactless completion.

1 example / src/pages/blocks/commerce/post-purchase/pickup-handoff

A weekly resource schedule board for booking appointments, balancing capacity, spotting conflicts, and reviewing appointment readiness.

1 example / src/pages/blocks/operations/scheduling/resource-scheduler

A post-purchase returns portal for selecting items, checking eligibility, choosing a resolution, and preparing a return request.

1 example / src/pages/blocks/commerce/returns-portal

A mobile-first live delivery tracker for ETA, route progress, courier handoff, delivery instructions, and exception resolution.

1 example / src/pages/blocks/commerce/post-purchase/delivery-tracker

A complete authentication starter with social sign-in buttons, email/password fields, and an editable product-side panel.

1 example / src/pages/blocks/conversion/login

A mobile-first expense capture flow for receipt review, extracted fields, policy checks, and reimbursement submission.

1 example / src/pages/blocks/operations/finance/expense-capture

A customer success health workspace for reviewing renewal risk, product adoption, account signals, and next-best actions.

1 example / src/pages/blocks/operations/customer-health

A collaborative proposal editor with section navigation, draft editing, review comments, approval gates, and publish readiness.

1 example / src/pages/blocks/documents/proposal-editor

A customer-facing status page with service health, uptime evidence, maintenance notices, subscriptions, and incident history.

1 example / src/pages/blocks/reliability/status-page

A roadmap timeline workspace for planning initiatives across quarters, reviewing confidence, dependencies, customer impact, and launch readiness.

1 example / src/pages/blocks/product-management/roadmap-timeline

A responsive CRM kanban board for filtering pipeline, reviewing forecast, editing deal probability, and preparing close-plan payloads.

1 example / src/pages/blocks/operations/sales/sales-pipeline-kanban

A SaaS application shell with an expanded sidebar that collapses into an icon-only rail.

2 examples / src/pages/blocks/app-shells/collapsible-sidebar-shell

An AI document review surface for previewing suggested rewrites, accepting changes, and keeping human approval in the loop.

1 example / src/pages/blocks/documents/review/ai-document-review

A customer activity feed for filtering lifecycle events, expanding account context, and planning next-best actions.

1 example / src/pages/blocks/operations/customer-success/customer-activity-feed

A fixed application shell with a left panel that scrolls independently from the main work area.

1 example / src/pages/blocks/app-shells/application-layout

A campaign composer for drafting lifecycle messages, selecting audiences, previewing channels, and checking launch readiness.

1 example / src/pages/blocks/marketing/campaign-composer

A customer-facing referral program hub for sharing invite links, tracking friends, choosing rewards, and showing milestone progress.

1 example / src/pages/blocks/marketing/growth/referral-program

A cohort retention heatmap for comparing signup cohorts, inspecting retention cells, and turning product analytics into follow-up actions.

1 example / src/pages/blocks/analytics/retention/cohort-retention-heatmap

A report builder workspace for configuring metrics, date ranges, breakdowns, sharing, and scheduled exports.

1 example / src/pages/blocks/analytics/report-builder

A product analytics funnel explorer for comparing conversion steps, segments, drop-off reasons, and saved insights.

1 example / src/pages/blocks/analytics/funnel-analytics

A KYC identity verification flow for collecting profile details, documents, consent, risk checks, and review-ready evidence.

1 example / src/pages/blocks/compliance/identity-verification

An agent run trace workspace for filtering spans, inspecting model and tool calls, and deciding whether to retry a failed run.

1 example / src/pages/blocks/developer-experience/ai-agents/agent-run-trace

A data retention policy workspace for tuning lifecycle rules, legal holds, deletion previews, and audit readiness.

1 example / src/pages/blocks/compliance/data-retention

An enterprise audit log explorer for filtering security events, expanding request details, and preparing compliance exports.

1 example / src/pages/blocks/compliance/audit/audit-log-explorer

A usage event reconciliation table for filtering metered billing events, selecting discrepancies, and creating adjustment jobs.

1 example / src/pages/blocks/monetization/usage-metering/usage-event-reconciliation