Fluxon v3 is here Read the announcement
Phoenix LiveView Tailwind CSS

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

New

Themable 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

New

Always-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

New

Numeric field with stepper buttons, modifier-key step sizes, snapping, and locale-aware formatting.

12

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

New

Multi-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.

aria-label
Space Enter

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.

LV

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.