Public demo

UI kit · Layout & notifications

UI kitGeneric UI

Empty state, calendar grid, split-pane hint, labeled divider, and toast—utility layouts that finish a screen.

Patterns for zero-data moments, scheduling UIs, resizable workspaces, and lightweight confirmations.

UI showcase

Static composition for reference—swap in generated output when your pipeline is connected. Everything below is local markup only.

Closes the loop between data-heavy views and polite empty or success states.

Why this demo works

  • Empty states reduce bounce when filters return no rows.

Suggested use cases

  • Search results, scheduling tools, split editors

What's included

  • Centered empty state with reset action
  • Two-week calendar strip with selected day
  • Resizable split-pane metaphor
  • Labeled horizontal divider
  • Dark toast strip with icon

Editable in Frontuna

Toast and sheet map cleanly to portal-based React trees.

Use this page as a briefing artifact: copy structure, swap copy, and connect your components—no fake generated code required.

Build notes

  • Toast duration and stacking policy should match your product guidelines.