PyraUI - A Fresh UI Component Library for Phoenix LiveView

Your Libraries & OS Mentoring Libraries
,
1

:glowing_star: Looking for Contributors to Join PyraUI

Hey everyone :waving_hand:

I’ve been working on PyraUI — a modern UI component library for Phoenix LiveView, inspired by ShadCN and Radix, but made for the Elixir world.

The name “Pyra” comes from the Greek word for “fire” — it stands for energy, creativity, and light. That’s the goal of this project: to bring fresh, beautiful UI to LiveView apps.

PyraUI is still in its early stage, but it already includes many ready-to-use components with clean design, Tailwind styling, and smooth interactions.

:puzzle_piece: Current Component Categories

Forms & Inputs:
button, input, textarea, select, checkbox, radio, toggle, slider, rating, tag_input, multi_select, password_strength_meter, date_picker

Feedback & Overlays:
alert, toast, modal, drawer, tooltip (soon), progress, badge, badge_card

Navigation & Layout:
navbar, tabs, accordion, breadcrumbs, drawer, dock, stepper, wizard, card, skeleton, grid, masonry_grid, resizable_panels, filter_panel

Data Visualization:
chart (line, bar, pie, stacked), animated_chart, gauge, heatmap, map, timeline, countdown

Collaboration & Social:
live_chat, live_feed, avatar, avatar_group, connections_widget, user_profile_card

Productivity:
kanban, gantt, sortable_list, signature_pad, file_upload, live_data_table

:light_bulb: What I’m Looking For

I’m looking for Phoenix/LiveView developers who want to help:

  • Build or improve components

  • Improve docs and live demos

  • Suggest new UI ideas

  • Work on testing or accessibility

PyraUI aims to make building modern UIs in Phoenix much easier — and I’d love to grow it with the community.

:link: Links

:blue_book: Docs: https://hexdocs.pm/pyraui/0.1.2/index.html
:globe_with_meridians: Live Demos: https://pyraui.onrender.com
:laptop: Repo: https://github.com/abrshewube/Pyraui

:handshake: How to Join

  • Comment below if you’re interested

  • Open an issue or PR on GitHub

  • Or join the Discussions tab

Let’s make Phoenix LiveView more powerful and beautiful — together :flexed_biceps:
Even small help, like feedback or docs, really matters!

27 Likes
2

Wow this looks amazing! Thank you for making this!

2 Likes
3

This looks great, how do I compare this to daisy, salad, Mishka Chelekom etc.

2 Likes
4

FYI, the https://demo.ashui.dev doesn’t work.

5

But https://pyraui.onrender.com/docs/components does work.

But some components don’t work correctly, like Tabs …But very interesting, thank you.

6

Hey! The link https://demo.ashui.dev isn’t working yet because I’m still setting up the domain. In the meantime, you can check the documentation here: https://pyraui.onrender.com

1 Like
7

I tried using this but my project will not compile because of errors like this:

```
function input/1 imported from both Pyraui.Components.Input and PyrauiWeb.CoreComponents, call is ambiguous
```

I looked at the source code and there are a lot of duplicate function definitions like this, e.g. button.

Can you help me understand how I can resolve this?

It is confusing because I can run the source code project even though it should also not compile for the same reason (duplicate function definitions).

8

Hi @ltd I think you don’t need to compare this library with Mishka Chelekom. Because of its architecture and its CLI-based nature, as well as Mishka’s latest beta update, you can add any component you need from Mishka to your own project and use it alongside other libraries.

1 Like