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 — toggle.ex

Generated HEEx

heex 
<.toggle name="auto_deploy" checked
  label="Auto-deploy on push"
  hint="Triggers on every merge to main"
/>

Controls