PhiaUI - UI component library for Phoenix LiveView

News Announcing
, , ,
1

Hi everyone :waving_hand:

I’ve been working on PhiaUI, an open-source UI component library for Phoenix LiveView, and I wanted to share it with the community.

The project is still evolving, but it already includes 534 components and a growing ecosystem of demos and documentation.

What is PhiaUI?

PhiaUI is a shadcn/ui-inspired component library built specifically for Phoenix LiveView, focusing on composable HEEx components, minimal JS, and full integration with the Phoenix ecosystem.

The design philosophy is:

  • Stateless HEEx function components

  • Zero heavy JS dependencies

  • Full Phoenix / LiveView integration

  • Ejectable components (you own the code)

  • TailwindCSS-first design

  • Accessibility (WAI-ARIA support)

  • Enterprise-ready dashboard widgets

Interactive components use LiveView JS commands or lightweight hooks, avoiding frameworks like Alpine or React whenever possible.

:puzzle_piece: Component coverage

The library includes components across many categories such as:

  • Forms & Inputs

  • Data tables and grids

  • Navigation

  • Dialogs / overlays

  • Dashboard shells

  • Analytics widgets

  • Enterprise UI patterns

Examples include:

  • rich text editor

  • kanban boards

  • activity feeds

  • command palette

  • dashboard KPI widgets

  • filters and bulk action bars

  • date pickers and calendars

  • charts wrappers

  • advanced form components

:video_game: Live Demo

You can explore a live demo here:

Demo

:test_tube: 16 Phoenix LiveView demo apps

To demonstrate real-world usage, I also built 16 complete Phoenix LiveView demo applications using the library:

GitHub examples

These apps demonstrate patterns like:

  • dashboards

  • CMS interfaces

  • data management tools

  • complex forms

  • analytics interfaces

:books: Documentation

Full documentation:

Installation is simple:

# mix.exs
def deps do
  [
    {:phia_ui, "~> 0.1.12"}
  ]
end

:handshake: Feedback and contributions

The project is still in active development, so feedback, issues, ideas, and contributions are very welcome.

Things I’m particularly interested in:

  • developer experience improvements
  • component API feedback
  • accessibility improvements
  • performance optimizations
  • new component ideas

If you’re building Phoenix LiveView apps and want a large UI component toolbox , I’d love to hear your thoughts.

:star: Repo feedback and issues are greatly appreciated.

16 Likes