Built for Phoenix Tailwind CSS

Elegant Phoenix applications faster

Elevate your Phoenix LiveView projects with Fluxon's pixel-perfect, accessible UI components. Streamline development, enhance user experience, and bring your vision to life.

Benefits

Why Fluxon UI?

Starter templates

Beyond components, get started faster with ready-to-use templates for dashboards, forms, and common layouts.

Responsive design

Components are designed with responsiveness in mind, adapting seamlessly across all devices and screen sizes.

Highly flexible

Thoughtfully designed defaults with unlimited styling flexibility. Adapt components to your unique brand.

index.html.heex
<.badge color="green">Paid</.badge>

<.badge class={[
  "font-bold ring-0",
  @refused && "text-red-500 bg-red-100"
]}>
  Refused
</.badge>
6
6
44
6
Paid

Pixel perfect

Meticulously crafted components that deliver modern, professional aesthetics right out of the box.

Accessible first

Every component follows WAI-ARIA guidelines with built-in keyboard navigation and semantic markup.

Dark mode ready

Components are designed with both light and dark modes in mind, maintaining visual hierarchy and contrast.