Every primitive used across Lumino surfaces, rendered live from tokens. Hover, click, type — they're real. Copy the class or the JSX from any example.
Primary for the one best action, secondary for neutral, ghost for in-line, danger for destructive. Three sizes. Supports disabled state.
Square action button with a single icon. Always pair with aria-label.
Labelled text input. Focus shows the accent ring. Label uses mono caps as a tertiary hint.
For binary state that takes effect immediately.
A neutral container. Use --color-surface-panel on a darker page; --color-surface-elevated on a panel.
For focused tasks. Max 420–520px wide, centered, with a clear primary + secondary.
This removes "Neural networks from scratch" and all 12 lessons. This can't be undone.
Transient confirmation. Use the LuminoChrome.showToast() helper.
A learning platform + design system. The platform serves students, teachers, and parents; the system powers every surface it touches.
Yes — a Tailwind preset exposes tokens as utilities.
Email hello@lumino.design or file one on the Changelog page.