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 — progress.ex
Storage used
65%
Generated HEEx
heex
<.progress value={65} label="Storage used" show_value />Controls
65%