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.

akoutmos

akoutmos

Author of Build a Weather Station with Elixir and Nerves

If you are starting/running a business, $300 is a no brainer if you consider the time saving. 90% of my SaaS (https://eaglemms.com/) is based on Tailwind Plus components. I’ve made my money back many times over with time savings lol. That and it is a business expense so you pay for it with pre-tax money :stuck_out_tongue:.

dbaer

dbaer

I find IBM Carbon Components to be quite visually pleasing, but you have to either bring in React or Svelte, or wrestle the SCSS version which is a bear and unsupported with Phoenix.

I half-wrote a tailwind/phoenix component clone but it turned out to be a huge task. I should probably release it some day.

Where Next?

Popular in Discussions Top

cjbottaro
I’ve been primarily doing Elixir development for the past 6 years or so, and during that time whole heartedly committed to functional par...
New
adamu
When starting a new project, do you have any go-to libraries you pull in out of habit/preference? For example, Ash, Credo, Mox, ExMachin...
New
f0rest8
Hi everyone :waving_hand: Posting here to showcase and announce that Metamorphic is now officially live on a public-facing domain at htt...
New
marciol
Thinking about how Contexts on Phoenix 1.3 are beautiful in the simplicity, elegance and minimalism, coalesced in the smallest unity of E...
New
AstonJ
Phil just posted this on EFS: …interesting that some of the key updates to JavaScript appear heavily influenced by (or blatantly copied...
New
bglusman
I’m curious how others in the community deal with first class enums… especially crossing boundaries like database, code logic, and absin...
New
tcoopman
Yesterday I watched OpenTelemetry: From Desire to Dashboard and it triggered me to take a new look at telemetry in Elixir. But I don’t k...
New
derpycoder
So, anyone got a chance to look at this?!? I’m kind of glad this came along. We can just throw this into our Auth pages and won’t have t...
New
bartblast
It’s time to implement JavaScript interop for Hologram! Eventually, there will be Hologram wrappers for most APIs, but sometimes we’ll n...
New
gushonorato
Hey everyone, I’ve been working with Elixir for over 5 years and I’m a big enthusiast of the language. However, when starting new projec...
New

Other popular topics Top

TunkShif
This post is an instruction guide to help you setup your Neovim for Elixir development from scratch. It includes general information on h...
273 38985 115
New
9mm
I am constructing a JSON object (map) and I need to conditionally set a field. I’m trying to write proper elixir-way code… and I’m at a l...
New
vrod
I am using the Starship cross-shell prompt – it seems pretty nice, but I get some errors: [WARN] - (starship::utils): Executing command ...
New
jerry
Good day to you all. I have been struggling to get a query involving like and ilike to work. Can anyone assist me on this, please? pro...
New
itssasanka
Hi all, Trying to get some more clarity over utc_datetime and naive_datetime for Ecto: https://hexdocs.pm/ecto/Ecto.Schema.html#module-...
New
aalberti333
As the title describes, I’m trying to run Enum.map() over a list of key/value pairs, where the value is a map. My data looks like this: ...
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
alice
Hey, Just curious what are the main benefits of Elixir compared to Clojure? When is Elixir more useful than Clojure and vice versa? Th...
New
beno
I will often find my self writing things similar to: case some_value do nil -> something() "" -> something() _ -> someth...
New
jay1
Why is it that the mnesia database isn’t the most preferred database for use in Elixir/Phoenix?
New

We're in Beta

About us Mission Statement