Playground
Interact with every AvenUI component live. These are real Phoenix LiveView components — no simulations.
Button
Badge
Alert
Progress
Toggle
Modal
Tabs
Accordion
Card
Avatar
Stat
Spinner
Table
Empty_state
Kbd
Separator
Skeleton
Code_block
Live preview — kbd.ex
Save file:
⌘
S
Open search:
⌘
K
Dismiss:
Escape
Select all:
⌘
A
Generated HEEx
heex
<%# See /docs/kbd for full usage examples %>Controls
No controls for this component — interact directly in the preview.