arcanemachine

arcanemachine

What is your preferred UI component library? (Does not have to be Phoenix-only)

Just wondering what the community currently thinks, prefers, and/or recommends for working with UI components. (e.g. daisyUI, MishkaChelekom, etc.)

Most Liked

pjode

pjode

I find fluxon ui to be the best component library for LiveView in terms of quality. Very few stylistic issues (e.g. no odd icon placements or spacing issues type of issues) and has autocomplete which a lot of component libraries tend to not have implemented, like tailwind plus. It isn’t free but worth the cost IMO.

shahryarjb

shahryarjb

Hi dear @arcanemachine
I wanted to mention something about MishkaChelekom. One of the features I’ve recently worked on again is that you can use any other system alongside MishkaChelekom and vice-versa. We’ve built a large number of components that don’t exist in other libraries, and unlike the stateless approaches others have introduced, our components are built with Phoenix LiveView lifecycles.

Because of this, you can use the CLI to pick and use any component you like.

Personally, I think forms are still one of our weak points and we need to dedicate a full phase to improving them. But for everything else, I believe we have enough to build any dashboard. You get a solid collection of components with extensive features, and each component becomes part of your project, giving you plenty of room for customization.

And 100% free and open-source

akoutmos

akoutmos

Author of Build a Weather Station with Elixir and Nerves

For all of my current endeavors (SaaS and otherwise), TailwindPlus is my go to. While it is obviously not a Liveview component framework, it’s easy enough to copy and paste the provided HTML into a Liveview component whenever you need to reuse their components more than a couple of times across the app. The components are all high quality and adapting the components to your theme is pretty easy by leveraging the Tailwind color pallette. Granted it costs money…but you get what you pay for…i.e quality looking responsive design components and layouts.

They recently introduced their web component version for some components that require JS. To be honest, this is both a blessing and a curse. On the one hand it does make it easier to use their components so long as you don’t need Liveview within the component. But if let’s say you need a form inside their modal component you may run into issues when Liveview patches the DOM. I haven’t found a good way around this at the moment…but I also only dove into the issue for just an afternoon.

Where Next?

Popular in Discussions Top

Nvim
Elixir appears to be a superior language to Python. I don’t see any advantage of Python over Elixir. Are there any?
New
nburkley
AWS re:Invent is on at the moment with some interesting announcements. One new feature in particular is the Lambda Runtime API for AWS La...
New
ejpcmac
I have discovered Nix last month and I am currently on my way to migrating to it—both on macOS at home and the full NixOS distrubution at...
New
rower687
Hi all, I’ve been reading a lot about the “let it crash” term and how supervising processes and the whole messaging passing make an elixi...
New
jer
I’ve been using umbrellas for a while, and generally started off (on greenfield projects at least) by isolating subapps based on clearly ...
New
hazardfn
I suppose this question is effectively hackney vs. ibrowse but we are at a point in our project where we have to make a choice between th...
New
rms.mrcs
A couple of days ago I was discussing with a friend about different approaches to write microservices. He said that if he was going to w...
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
100phlecs
Are there any downsides, like perf issues, to putting all functional components in CoreComponents as long as you prefix it with the conte...
New
axelson
Decided against including more info in the title, but the gist is that Plataformatec sponsored projects will continue with the assets bei...
New

Other popular topics Top

danschultzer
None of the current solutions worked well for me, so I went ahead and built a user management system from scratch. This project took far...
548 29603 241
New
senggen
Erlang/OTP 25 [erts-13.2.2] [source] [64-bit] [smp:8:8] [ds:8:8:10] [async-threads:1] 15:22:35.803 [error] gen_event {lager_file_backend...
New
baxterw3b
Hi guys, i’m new in the Elixir world, and i have to say, that i love it! i’m having some problem to understand anonymous functions with ...
New
chrismccord
As promised, the first release candidate of Phoenix 1.3.0 is out! This release focuses on code generators with improved project structure...
New
albydarned
Hello all! I am typing this post from my new MacBook Pro with the M1 chip. I’m loving it so far, and will probably use it as my daily dr...
New
johnnyicon
Hi all, I’ve just started learning Elixir and Phoenix Framework, so please pardon my n00bness at this stage. I’m trying to use Postgres...
New
fireproofsocks
Forgive me if this is obvious, but how does one delete a database record WITHOUT selecting it first? Ecto.Repo — Ecto v3.14.0 has exampl...
New
belgoros
I’m not a pro in using Regex and can’t figure out why the following behaviour happens, especially if we take into account the difference ...
New
joaquinalcerro
Hi there, I am working with Ecto-Postgresql and I need to call all of the records from a specific table but the table has 40,000 records...
New
jononomo
For some reason my phoenix channels are working for me in my local dev environment, but as soon as I deploy via Docker, I get a 403 error...
New

Latest on Elixir Forum

Elixir Forum

We're in Beta

About us Mission Statement