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 — badge.ex
Active deployment v2.4.1 Production

Generated HEEx

heex 
<.badge variant="primary">
  <.badge_dot /> Active deployment
</.badge>

Controls