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 — code_block.ex
elixir 

    def greet(name) do
  "Hello, #{name}!"
end

Generated HEEx

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

Controls

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