andrielfn

andrielfn

Hey there :waving_hand:

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 :sweat_smile: but I like physics and the name sounded cool and short.

As always, any feedback is appreciated!

Showing Posts 1 to 10

LostKobrakai

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.

chrismccord

chrismccord

Creator of Phoenix

Ditto! This looks fantastic. Congrats on shipping!

jarlah

jarlah

Nice. Cant test it without buying it. But it looks nice. If i start a project and it gets investor backing maybe :wink:

But, doesnt this go on accord with the open source nature of the Elixir eco system ? Can you maybe package up a demo library at least ? Or is that impossible without revealing the crux :slight_smile: i understand why its not in libraries section :slight_smile:

Im all for getting value for time spent though :wink:

Good work :muscle: :pinched_fingers:

zimt28

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

tcoopman

tcoopman

This looks really nice. Awesome work. I’ll definitely have a look at this later!

akoutmos

akoutmos

Author of Build a Weather Station with Elixir and Nerves

Well done on the release!! Picked up my copy a couple of days ago and I am looking forward to integrating these components into my apps :smiley:.

BartOtten

BartOtten

Congratz with the lib!

–and skip. as I posted before seeying –

olivermt

olivermt

What do you mean? This seems to be paid only, nothing free to be seen

BartOtten

BartOtten

I posted before seeing. You are right that the website is clear about this lib being paid and I like that (the clarity).

ken-kost

ken-kost

FYI github sign up is busted - I get Internal Server Error. :bug: still not deterred, google works fine. :japanese_ogre:
edit: I got email for github authorization

Where Next? Top

Trending in Discussions Top

AstonJ
As the title says, please share what you’ve been up to with Elixir. Whether that’s been learning it, looking into it, making stuff with i...
2977 94592 917
New
cblavier
Hey there, It’s been more than a year since we started using LiveView as our main UI library and building a whole library of UI componen...
New
mudasobwa
I am happy to introduce the very α version of the new programming language compiled to BEAM. Welcome Cure. It has literally three kille...
New
heathen
Quite interesting article Google brought me. Didn’t find any mentions about it here. What do you think in general? Would you use togethe...
New
mhanberg
Hi everyone! The first release candidate for the Expert language server project is now available! We’ve published a press release detai...
New
axelson
Hi there! :wave: @frigidcode and I (but mostly him) have been running an Elixir Book club, we’re almost done with Designing Elixir Syste...
New
budgie
A little off-topic, but I feel like people here have a good head on their shoulders. I used to be quite good at making software. Was luc...
New

Other Trending Topics Top

GenericJam
Edit: 2026 May 15 - This post is archived. Mob is alive!! Main docs: mob v0.7.11 — Documentation A bit of explanation for the slightly c...
New
JesseHerrick
Hey, I’m Jesse and I’m the main contributor behind Dexter, a full-featured, lightning-fast Elixir LSP optimized for large codebases. It s...
New
marciok
Hi there! We created Gust: A task orchestrator inspired by Airflow. For those who have never heard about Aiflow, it’s a Python-based wor...
New
jimsynz
Beam Bots (or just BB for short) is a framework for building fault-tolerant robotics applications in Elixir using familiar OTP patterns. ...
New
georgeguimaraes
Just published claude-code-elixir, a plugin marketplace for Claude Code with Elixir support. These are the plugins I’ve been using for my...
New
Dmk
Xamal is a deployment tool for Elixir apps that deploys native releases to bare metal servers over SSH. It’s a port of GitHub - basecamp/...
New

We're in Beta

About us Mission Statement

Options

Thread Display Mode




Thread Preview

Skip Thread Previews