reopt design
DocsExploreTemplatesCanvasToolsPricing
Login
opt-uiopt-chartsopt-datagridopt-editoropt-calendaropt-filemanageropt-chatopt-shellbrandapp-ui
opt-shell14
Landing Page
reopt designreopt design

A design system for the AI era

  • Docs
  • Pricing
  • Releases
  • About
  • Contact
  • Terms of Service
  • Privacy Policy

reopt Inc.Business registration no. 217-88-02453contact@reopt.ai

© 2026 reopt Inc. All rights reserved.

Recipeopt-shell example

Landing Page

Public-facing landing recipe that keeps hero, sections, and footer aligned.

landingherosection
bun add @reopt-ai/opt-shell @reopt-ai/opt-ui

APIs used

ShellProviderShellLandingPage

Live preview

Change the width and theme, then interact with the components.

1024px

Your data operations,
in one workspace.

Trace a signal from pipeline health to the exact execution stage. Inspect the evidence, understand the failure, and choose your next action.

Open Data Console

01 / Monitor the platform

Read ingestion trends, compare pipeline health, and triage the two open incidents.

02 / Find the affected pipeline

Search by name or owner, filter by execution state, and export the current view.

03 / Inspect the evidence

Follow each stage, filter execution logs, and simulate a retry against the same sample input.

Interactive sample · No live systems connected

Install and import

Related docs

Install

bun add @reopt-ai/opt-shell @reopt-ai/opt-ui

Import

import { ShellProvider, ShellLandingPage } from "@reopt-ai/opt-shell";

Related Examples

opt-shell

Bottom Bar

Examples

Sticky bottom action bar for bulk actions and commit flows.

opt-shell

Completeness Score

Examples

Score harness compliance across layout, recipe, adapter, state, design, scaffold, and a11y categories.

opt-shell

Coverage Report

Examples

Add uncovered routes to a sample rollout plan and watch coverage, recipe totals, and uncovered paths update together.

PreviousList WorkspaceNextState Boundary