Playground
Reusable UI components built from the siyo design system. Every one is live and plays its sound, in light and dark.
- AccordionIndependently expandable rows for details and questions.
- AlertStatus messages with a tone, a title and a detail line.
- BadgeSmall status chips with a word and a dot.
- ButtonActions in four variants and two sizes, with icons and a loading state.
- CheckboxChecked, cleared and mixed, with a tick that draws itself.
- Context menuActions where you right-click or long press.
- DialogA modal on the native dialog element, for confirmations and short forms.
- InputLabelled text fields with hint and error states.
- OrbA sphere that steers its highlight and answers with its sound.
- PopoverA panel anchored to its trigger, for options and filters.
- ProgressA bar that fills with transform only, for uploads and streaks.
- SelectA single-choice listbox with type-ahead.
- SliderA range whose click rises in pitch with the value.
- SwitchOn and off, with a click that pitches with the state.
- TabsView switching with a sliding indicator and full keyboard support.
- ToastShort confirmations that clear themselves.
- TooltipHints after a short hover pause, or at once on keyboard focus.