A modern UI component library built for Phoenix LiveView
Accessible, themeable components for Phoenix LiveView. Skip the boilerplate and ship the features that actually matter.
01 Components
Every component in the Fluxon library.
Accordion
Vertical stack of collapsible sections with single or multiple open panels.
Alert
Inline status message with semantic colors, optional icon, title, subtitle, and dismiss.
Badge
Compact inline marker for status, categories, and notification counts.
Button
Action trigger with multiple variants, sizes, icons, and a loading state.
Button Group
Segmented control that joins related buttons into a single connected bar.
Loading
Animated indicator for in-flight tasks, with ring, dot, and bar variants.
Navlist
Vertical navigation with sections, icons, badges, and active state.
Scroll Area
NewThemable scrollbar overlay with consistent appearance across browsers, falling back to native scrolling on touch devices.
Separator
Content divider in horizontal and vertical orientations, with an optional centered label.
Table
Structured data table with header, body, row, and cell slots.
Tabs
Tab interface with three visual variants, three sizes, and keyboard navigation.
Dropdown
Action menu anchored to a trigger, with submenus and keyboard navigation.
Modal
Overlay dialog for focused interactions, with size, placement, and backdrop variants.
Sheet
Slide-in panel anchored to any edge of the viewport, for filters, navigation, and detail views.
Toast
Transient notification that stacks, auto-dismisses, and can be swiped to close.
Tooltip
Hover and focus triggered hint with placement, delay, and rich content options.
Popover
Floating panel anchored to a trigger, with click, hover, focus, and programmatic open modes.
Autocomplete
Searchable single-select combobox with grouped options and custom row templates.
Calendar
NewAlways-visible calendar grid for single dates, multiple dates, or ranges, at day, month, or year granularity.
Checkbox
Boolean input with single, group, and card variants.
Date Picker
Dropdown calendar for date selection, with single or multiple modes and day, month, or year granularity.
Date Range Picker
Dropdown calendar for picking a start and end date, with presets and granularity options.
Date Time Picker
Dropdown calendar with hour, minute, and second inputs, in 12 or 24-hour cycles.
Input
Single-line text field with sizes, native input types, affix slots, and grouped controls.
Number Input
NewNumeric field with stepper buttons, modifier-key step sizes, snapping, and locale-aware formatting.
Label
Form label with optional sublabel and description.
Radio
Single-select input with group and card variants.
Select
Dropdown for choosing one or many values, with optional search, grouped options, multi-select with caps, and a native variant.
Switch
On/off toggle with size and color variants.
Tags Input
NewMulti-value field that surfaces selections as removable inline tags, with toggle, typeable, and creatable modes.
Textarea
Multi-line text field with sizes and content-aware auto-grow.
02 Made to ship
Common foundations across every component.
Accessible by default
WAI-ARIA roles, keyboard navigation, and focus management baked into every component.
Themes baked in
Light and dark on day one. Build your own with a handful of CSS variables.
LiveView native
Real interactivity without writing a line of JavaScript.
Responsive by default
Phone to desktop, every component reflows. No extra breakpoint work.
Templates included
Auth, dashboards, forms, and layouts. Drop them in and ship.