Aurora UI design system

Interactive showcase for the Aurora UI shell: shared layout, forms, tables, and composite product blocks used by management hosts such as Control Plane.

What this showcase is

The design system is the Aurora UI shell framework (CSS tokens, form controls, data tables, modals, navigation, and JavaScript helpers under /js). Host applications embed the shell and load feature modules in the main area; this demo runs the same stack without a production backend.

Use the sidebar to open each component page. Most entries show a live preview on the left. Several also ship a configurator on the right so you can change copy, layout options, or sample data and click Apply to test rendering before wiring configs in a real host.

  1. Pick a component from the menu (or the catalog below).
  2. Review the preview and notes on that page.
  3. Where a configurator is present, edit fields and apply to refresh the preview.
  4. Use Icons & tones as a reference for lab icon presets and icon-columns pill tones.

Components in this showcase

Catalog is generated from shell-config.js navigation. Pages marked Configurator include an editor panel for interactive testing.