Phoenix LiveView UI toolkit
v1.0.0
Components that belong in your codebase.
Ship LiveView that feels alive.
Accessible primitives
Server and browser state
Theme-ready by default
A real working surface
Not a screenshot.
A live composition.
Charts, navigation, menus, tabs, forms, and feedback share one deliberate system while remaining ordinary Phoenix components.
Release workspace
Live component composition
Components
36
Production primitives
Dependencies
01
Phoenix LiveView
Theme modes
03
Light, dark, system
Delivery trend
Last six releases
Release checklist
The system
Less glue.
More product.
LiveView native
Function components and focused hooks fit the framework instead of hiding it behind a frontend abstraction.
Accessible
Keyboard navigation, focus behavior, and semantic attributes are part of the component contract.
Themeable
Semantic CSS variables keep application identity separate from component behavior.
Composable
Use styled components, primitives, or the full application shell at the level each screen needs.
From dependency to interface
Add PUI.
Keep building.
The library joins the conventions you already use—Mix dependencies, function components, HEEx, and focused JavaScript hooks.
Install
Add the package and let Mix resolve the library alongside Phoenix LiveView.
Import
Use PUI once to bring the component catalog into your web modules.
Compose
Build ordinary HEEx with styled components, primitives, and application layouts.
{:pui, "~> 1.0"}
Start with PUI