andrielfn
Fluxon UI: A modern UI components lib for Phoenix LiveView
Hey there 
I want to introduce Fluxon UI, a modern UI component library for Phoenix LiveView that I have been working on for the past few months.
Fluxon is a UI component library that focuses on:
- User experience: Accessibility, keyboard navigation, focus management, dropdown positioning, closing on click/esc/lose-focus, animations… it just works.
- Modern design: Creating a good-looking UI isn’t easy, so the components are designed to look great and feel modern. That also includes dark-mode support and responsive design.
- Customizability: While all components have an opinionated design, most can be customized.
In short, Fluxon UI aims to make starting new Phoenix apps easier and quicker while also providing a good-looking UI.
A bit of history
I started working on Fluxon UI in July. At first, I saw it as a personal project for my own use. My motivation was similar to what many of us feel when kicking off a new Phoenix project: a lot of time goes into creating basic components and handling UI-related tasks. So, I decided to package these components so I could use it across all my projects. That’s essentially how Fluxon started. As I was working on it, I realized this was a common problem in the community which inspired me to think about turning it into a product. After about four months, Fluxon UI is now officially launched.
What is the meaning behind the name “Fluxon”?
Fluxon is a quantum of electromagnetic flux. What is the relation of this to UI components? Probably none 
but I like physics and the name sounded cool and short.
As always, any feedback is appreciated!
Most Liked
LostKobrakai
Love to see that stuff being taken care off. I just quickly tried out a few of the more relevant places and keyboard navigation worked quite well.
zimt28
I’ve been using Fluxon for a couple of days now, and it’s incredibly well put together. I really like the way it looks, but I’m especially impressed by how everything just works – I couldn’t find a single edge case that Andriel hasn’t thought of. Sheets and modals are stackable, keyboard navigation works correctly all the time, elements position themselves perfectly relative to the screen etc. It would have taken me forever to build this myself, so I feel like it was a fantastic purchase. I’m really looking forward to having more components 
giusdp
I got this library as well and I’m pretty happy with it. Looks awesome and it’s easy to work with.
I spent a couple of days trying out the few open source libs out there but they all had their quirks and stuff not going smoothly here and there, and/or not receiving updates for a long time. Which is perfectly fine, open source is hard work and anyone putting out there their projects for others to use is awesome.
I decided to get this after all the good opinions from this forum and checking out that the author is still actively adding new components. I’m also betting on it not being abandoned right after I bought it
Popular in Discussions
Other popular topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
Supporting innovation across the BEAM ecosystem.
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #deployment
- #library
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #channels
- #elixirconf
- #exunit
- #discussion
- #code-sync
- #javascript
- #podcasts
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #elixir-ls
- #phoenix_html
- #iex
- #blog-post
- #graphql
- #genstage
- #ai
- #websockets
- #supervisor
- #advent-of-code
- #elixirconf-us
- #distillery
- #processes
- #forms
- #api
- #metaprogramming
- #security
- #performance
Our Sponsors
Build Elixir applications with speed and confidence.
Supporting innovation across the BEAM ecosystem.
We build reliable cloud platforms for business-critical systems.
Catch errors, track performance, monitor hosts and more.
Real-time error tracking, performance insights, and observability for devs.
Practical resources that improve the lives of professional developers.
Enabling companies to succeed by building software people love.
The deployment platform built for Elixir: PaaS ease, VPS control.
Courses that'll move you from confusion to "Aha, now I get it!"