Docs Explore Tools Pricing Builder

Login

opt-ui165 opt-charts33 opt-datagrid6 opt-editor5 opt-calendar4 opt-filemanager4 opt-chat6 opt-shell14 brandapp-ui8 Examples12 Builder Blocks

A design system for the AI era

Docs
Pricing
Releases
GitHub

Terms of Service
Privacy Policy

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

© 2026 reopt Inc. All rights reserved.

Explore/opt-shell/State Boundary

Stateopt-shell example

State Boundary

Shared empty/loading/error wrapper for page-level harness state UX.

loadingemptyerror

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

ShellProviderShellStateBoundary

1024px

데이터가 성공적으로 로드되었습니다.

Related Examples

opt-shell

Bottom Bar

opt-shell - Layout

Examples

ShellProviderShellBottomBar

opt-shell

Completeness Score

opt-shell - Scoring

Examples

computeCompletenessScore

opt-shell

Coverage Report

opt-shell - Scoring

Examples

computeShellCoverage

PreviousLanding Page NextPolicy Toggler