yotor_coder

yotor_coder

PyraUI - A Fresh UI Component Library for Phoenix LiveView

: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!

Most Liked

threeaccents

threeaccents

Wow this looks amazing! Thank you for making this!

ltd

ltd

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

yotor_coder

yotor_coder

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

Where Next?

Popular in Announcing Top

mikehostetler
LLM DB - LLM Model Metadata Package This package was extracted out of the ReqLLM project. LLM DB is a model metadata catalog with fast, ...
New
garrison
Hobbes is a scalable, fault-tolerant transactional record store written in Elixir. Hobbes is designed to be: Scalable - Hobbes can sha...
New
lostbean
Hello Elixir community! :wave: I’m excited to announce the first release of ReqCassette, a VCR-style record-and-replay library specifica...
New
tugayac
Hey Elixir Community! A few months back, I open sourced a link management system we had built into an app. It’s now got enough features ...
New
mindreframer
ElixirProto: Protobuf-Inspired Serialization for Elixir Events I wanted to have an Elixir-native serialization for events, that also supp...
New
jallum
Turbopuffer - Elixir client for vector and full-text search I’m excited to share Turbopuffer, a new Elixir client library for the Turbop...
New
Mati365
Phoenix has great tooling overall, but one thing that’s still lacking is a solid, plug-and-play integration with a modern WYSIWYG editor....
New
mudspot
Hi folks, I’d like to announce the release of Prometheus Agents, a set of subagents for Claude Code that cater to the Elixir Phoenix pro...
New
belaustegui
Announcing ErrorTracker, an Elixir-based built-in error tracking solution. Features Basic, free, built-in error tracking solution. Trac...
New
rodloboz
Sifter is a a query filtering library for Ecto. It lets frontend apps send human-readable query strings like: "elixir phoenix status:pu...
New

Other popular topics Top

JDanielMartinez
Hi! May someone helps me, please! I have two apps into an umbrella project: the first one is Database, which manages queries, and the se...
New
axelson
This post is a wiki (feel free to hit the edit button near the bottom right of this post to add your own changes!) This post collects co...
239 45766 226
New
sergio_101
I am VERY much an elixir newbie. I have taken one elixir course and one phoenix course on Udemy. During that course, I saw the instructor...
New
_russellb
I want to try my hand at web scraping. What tools/libraries do I need to use. I’m hoping to turn this into something professional so don’...
New
lk-geimfari
What is most correct way to open, read and parse JSON file with poison? For example if we have example.json file in root of some projec...
New
mgjohns61585
Could someone help me? I'm making my first elixir program, number guessing game. I can't figure out how to convert the user's guess from ...
New
aadeshere1
I have a another noob question about loop. Since elixir is immutable, while loop is not directly possible. total = 10 while total != 0 ...
New
chrisalley
ExUnit now has describe blocks which is a welcome addition coming from RSpec. In the docs, it states that nested hierarchies of describe ...
New
WestKeys
Currently suffering from paralysis by [HTTP client] analysis. This is rather unusual in Elixirland as there tends to be consensus on the ...
New
AstonJ
by Lance Halvorsen Elixir and Phoenix are generating tremendous excitement as an unbeatable platform for building modern web application...
460 27162 124
New

We're in Beta

About us Mission Statement