Lumina

A live component gallery for validating Lumina primitives across per-app theme tokens.

Theme
Mode
Theme: Lumina · dark

Actions

Buttons, badges, and tabs share the active theme tokens.

PrimaryStableOutlineRiskGhost

Inputs

Form primitives, selections, and binary controls.

Used in generated agent cards and handoffs.

Data

Cards, tables, pagination, and avatar primitives.

Component coverage
All registered primitives render here.
26 total
LUAINX
+3
100%
visible
Representative registry rows.
ComponentStatusOwner
ButtonStableCore
SelectReviewForms
AIUnavailableStateStableAI
Rendered in gallery26

States

Lumina reusable product states for empty, error, loading, and AI limits.

No workflows yet

No generated workflows are attached to this project yet.

Loading component metadata...

You're out of AI credits

Top up your credits to keep building with Lumina AI.

Credits reset after the current billing window.

Our AI is temporarily down

This is not your fault. Our AI service is having trouble right now, so try again in a moment.

Status checks are running in the background.

State components keep their layout while inheriting live theme variables.

Overlays

Portal-backed interactions inherit the active CSS variables.

Feedback

Alerts, skeleton loading, and Sonner toast triggers.