Limited time 50% off everything

Free · Open source · MIT licensed

Aurora UI

The Phoenix LiveView + Tailwind component kit we build our products with. 15 accessible, themeable component families with complete interaction states, purposeful motion, and an optional Three.js layer. Yours, free, forever.

View on GitHub Browse the components
mix.exs 
# genuinely free, never behind an email gate
def deps do
  [
    {:aurora_ui, "~> 0.1"}
  ]
end
15 component families 184 library tests WCAG 2.2 AA targets 0 kB JS until you opt in

Accessible by construction

Real focus management, keyboard and touch parity, reduced-motion equivalents and restrained live regions. Not bolted on afterward.

Themeable without forking

Everything visual resolves to a --aui-* token. Override them in your own CSS: no recompile, no patched source, no branding leaking into your app.

Pay only for what you render

Core components are plain functions. The command palette, combobox, motion and Three.js layers are separate entry points loaded lazily.

The component lab

Every family, rendered live.

These are the real components with the kit's actual stylesheet, not screenshots. They follow the site theme: flip it with the toggle in the navbar and watch every demo re-skin.

01 Actions

Variants

Sizes, loading & icons

Group & links

Read the docs Changelog Terms
02 Form fields

We never share it.

33/280
03 Choices
Plan

Segmented control

04 Selection
  • Apple
  • Banana
  • Cherry
  • Date
05 Navigation

Breadcrumbs

Steps

06 Tabs & disclosure
Update your name, handle, and avatar.
What is Aurora UI?
A free Phoenix LiveView component kit.
Is it accessible?
Yes: every family targets WCAG 2.2 AA.
07 Overlays

Dialog

Invite teammates

They'll get an email with a join link.

Add teammates by email to give them access to this workspace.

Drawer (end)

Filters

Filter controls go here.
08 Floating UI

Menu

Popover

Tooltip

Sync runs every 5 minutes
09 Feedback

New version

Aurora UI 1.2 is available.

Saved

Your changes are live.

Storage almost full

You have used 92% of your quota.
Operational Degraded
Connected Reconnecting… Offline
Connected Reconnecting… Offline

Toast

  • Copied

    Link copied to clipboard.
10 Data display

Weekly report

Everything nominal. Traffic up 8% week over week.

Monthly revenue

$48,120

12%

vs. last month

Plan
Pro
Renews
March 1, 2027
Billing email
orders@acme.dev

Badges

Draft Beta Active Pending Failed New Live Tag

Avatars

11 Data navigation
1 selected
Team members
Role
Ada Lovelace Owner 4
Grace Hopper Admin 2
Alan Turing Member 1

No invoices yet

Invoices appear here once you bill a customer.

12 Loading & progress
Uploading 65%
Processing

Skeletons

13 Search & command

Command palette

14 Media & content
elixir 
defmodule Greeter do
  def hello(name), do: "Hello!"
end
Aurora Commerce storefront
Aurora Commerce, built with this kit's patterns.

Getting started

Install the library, import the stylesheet, and every component on this page works with zero JavaScript.

15 Experience

Scene host (designed fallback state)

Global edge network

Requests are served from 34 regions worldwide.

Tilt

Realtime metrics

Hover to tilt (with the kit's JS enabled).

Reveal helpers

Fades in
Slides up
Scales in

The full Three.js scene layer ships as a separate bundle: a page that never renders a scene never downloads it. The hero above is this site's own aurora scene, in that same spirit.

Aurora UI is free. The products it powers aren't blank repos.

The same team ships complete Phoenix codebases: the kit's patterns, applied to commerce, SaaS and AI products you can own today.

See Aurora Commerce Browse all templates