Examples
These demos combine multiple fields and patterns into realistic flows so you can evaluate how the pieces work together in practice.
Search titles, descriptions, and capabilities in this section.
5 of 5 examples
A bounded support inbox with searchable tickets, resizable list/conversation panels, mobile Sheet detail, retained reply drafts, and simulated send, resolve and reopen actions.
/real-examples/support-inbox
Capabilities: Per-ticket drafts · Reply retry · Resolve and reopen · Resizable conversation · Mobile sheet
Related examples
A pricing flow with monthly/annual billing, a feature comparison table, FAQ, and a confirmed plan-change workflow with deterministic success/failure states.
/real-examples/pricing
Capabilities: Plan comparison · Billing interval · Confirmed plan change · Failure recovery
Related examples
A customer list with debounced search, status/plan filters, pagination, responsive table/card representations, and confirmed rename/archive mutations with deterministic outcomes.
/real-examples/customers
Capabilities: Add and rename customers · Debounced filtering · Page clamping · Retained retry drafts
Related examples
A ContentSidebar-driven settings flow with profile, workspace, notifications, billing, and danger-zone sections: deterministic save states, permission and plan gating, clipboard feedback, and a confirmed destructive action.
/real-examples/settings
Capabilities: Session drafts · Section navigation · Discard to saved · Deletion retry
Related examples
A launch-request workflow with semantic overview, schedule, ownership, and approval sections, a user-facing review summary, draft/submitted status with deterministic save outcomes, and confirmed discarding of unsaved changes.
/real-examples/launch-request
Capabilities: Calendar dates · Saved baseline · Pending edits · React Hook Form
Related examples