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

Server #3

Healthy

Bangkok · Last ping 2s ago

CPU 14%
Memory 61%
Disk 38%

Generated HEEx

heex 
<%# See /docs/card for full usage examples %>

Controls

No controls for this component — interact directly in the preview.