Andriel Nuernberg
@andrielfn.com
⚡️ Backend Engineer 🔮 From Ruby to Elixir 🎨 UI/UX minded 🛠 DevOps enthusiast 🎨 Currently working on http://FluxonUI.com
A similar approach that I think can also work but without a hook (toggling two buttons)
August 22, 2025 at 8:46 PM
A similar approach that I think can also work but without a hook (toggling two buttons)
All form-related elements now support the affixes/accessories already supported by inputs:
August 20, 2025 at 4:29 PM
All form-related elements now support the affixes/accessories already supported by inputs:
A new button group component for grouping buttons together.
August 20, 2025 at 4:29 PM
A new button group component for grouping buttons together.
Fluxon UI v2.0 is fiiiinally here! 🎉
🍭 New Theming System
🍱 Input/button Group Components
🧩 Better Components Consistency
🛠️ Form Component Improvements
🐛 Lots of fixes
More below ⬇️ #ElixirLang
🍭 New Theming System
🍱 Input/button Group Components
🧩 Better Components Consistency
🛠️ Form Component Improvements
🐛 Lots of fixes
More below ⬇️ #ElixirLang
August 20, 2025 at 4:29 PM
Fluxon UI v2.0 is fiiiinally here! 🎉
🍭 New Theming System
🍱 Input/button Group Components
🧩 Better Components Consistency
🛠️ Form Component Improvements
🐛 Lots of fixes
More below ⬇️ #ElixirLang
🍭 New Theming System
🍱 Input/button Group Components
🧩 Better Components Consistency
🛠️ Form Component Improvements
🐛 Lots of fixes
More below ⬇️ #ElixirLang
A sneak peek of the WIP theming support for Fluxon UI (should take a few more days). Also supporting the inner|outer affixes to the other field-based components + a bunch of other cool stuff! 🙌 #elixirlang
June 17, 2025 at 4:42 PM
A sneak peek of the WIP theming support for Fluxon UI (should take a few more days). Also supporting the inner|outer affixes to the other field-based components + a bunch of other cool stuff! 🙌 #elixirlang
Dropping a little teaser of what's work-in-progress for Fluxon UI 👀🎨
April 18, 2025 at 2:50 PM
Dropping a little teaser of what's work-in-progress for Fluxon UI 👀🎨
Wrapping things up for Fluxon v1.1 which will fully support TailwindCSS 4 and consequently Phoenix 1.8. Plus some copy&paste dashboard templates: #elixirlang
April 10, 2025 at 4:14 PM
Wrapping things up for Fluxon v1.1 which will fully support TailwindCSS 4 and consequently Phoenix 1.8. Plus some copy&paste dashboard templates: #elixirlang
With server-side (LiveView) filtering
March 10, 2025 at 12:39 PM
With server-side (LiveView) filtering
Autocomplete, an easy way to search for items
March 10, 2025 at 12:39 PM
Autocomplete, an easy way to search for items
All fully accessible and keyboard navigable
March 10, 2025 at 12:39 PM
All fully accessible and keyboard navigable
Or to select multiple dates and a datetime
March 10, 2025 at 12:39 PM
Or to select multiple dates and a datetime
A better way to pick a date and a range of dates
March 10, 2025 at 12:39 PM
A better way to pick a date and a range of dates
🎉 Big news! Some of the most awaited components in Fluxon UI are finally here!
📅 Date Picker
📆 Date Range Picker
⏰ Date Time Picker
🔍 Autocomplete
📚 Documentation
Check it out ⬇️ #ElixirLang
📅 Date Picker
📆 Date Range Picker
⏰ Date Time Picker
🔍 Autocomplete
📚 Documentation
Check it out ⬇️ #ElixirLang
March 10, 2025 at 12:39 PM
🎉 Big news! Some of the most awaited components in Fluxon UI are finally here!
📅 Date Picker
📆 Date Range Picker
⏰ Date Time Picker
🔍 Autocomplete
📚 Documentation
Check it out ⬇️ #ElixirLang
📅 Date Picker
📆 Date Range Picker
⏰ Date Time Picker
🔍 Autocomplete
📚 Documentation
Check it out ⬇️ #ElixirLang
I first wrote the date picker component as one function and attrs for specific features. But now I’ve switched to specific functions for each "variation". Anyone have strong opinions or preferences on this? #elixirlang
February 20, 2025 at 5:59 PM
I first wrote the date picker component as one function and attrs for specific features. But now I’ve switched to specific functions for each "variation". Anyone have strong opinions or preferences on this? #elixirlang
Something more complex than working on the Fluxon components? Document them!!! 🫠 #ElixirLang
February 6, 2025 at 8:03 PM
Something more complex than working on the Fluxon components? Document them!!! 🫠 #ElixirLang
I think I'm finally happy in terms of functionality, at least for this first version 🥵 time to refine it
January 31, 2025 at 7:43 PM
I think I'm finally happy in terms of functionality, at least for this first version 🥵 time to refine it
In case someone asks how I can keep my sanity while working on this component 😅😅
January 28, 2025 at 6:55 PM
In case someone asks how I can keep my sanity while working on this component 😅😅
Added this "requires confirmation" feature to the datepicker to only apply the selection on button click.
So far:
Date picker ✔️
Datetime picker ✔️
Date Range ✔️
Multiple dates✔️
Requires confirmation ✔️
Min/max dates ✔️
Week start ✔️
Timezone ✖️
Year/month jump (must have?) ✖️
Locale (must have?) ✖️
So far:
Date picker ✔️
Datetime picker ✔️
Date Range ✔️
Multiple dates✔️
Requires confirmation ✔️
Min/max dates ✔️
Week start ✔️
Timezone ✖️
Year/month jump (must have?) ✖️
Locale (must have?) ✖️
January 28, 2025 at 6:55 PM
Added this "requires confirmation" feature to the datepicker to only apply the selection on button click.
So far:
Date picker ✔️
Datetime picker ✔️
Date Range ✔️
Multiple dates✔️
Requires confirmation ✔️
Min/max dates ✔️
Week start ✔️
Timezone ✖️
Year/month jump (must have?) ✖️
Locale (must have?) ✖️
So far:
Date picker ✔️
Datetime picker ✔️
Date Range ✔️
Multiple dates✔️
Requires confirmation ✔️
Min/max dates ✔️
Week start ✔️
Timezone ✖️
Year/month jump (must have?) ✖️
Locale (must have?) ✖️
Nice! I think the presets would also make sense for single date, right? Like "today", "yesterday", "1w ago" etc...
And for the time picker, I just gave it a try; let's see how it goes, haha (and ignore UX, it's still terrible).
And for the time picker, I just gave it a try; let's see how it goes, haha (and ignore UX, it's still terrible).
January 25, 2025 at 7:54 PM
Nice! I think the presets would also make sense for single date, right? Like "today", "yesterday", "1w ago" etc...
And for the time picker, I just gave it a try; let's see how it goes, haha (and ignore UX, it's still terrible).
And for the time picker, I just gave it a try; let's see how it goes, haha (and ignore UX, it's still terrible).
I started to work again this week on the datepicker component for Fluxon UI. That's my #1 priority now. I got all the basics in pretty good shape and working nicely with LV. #ElixirLang
January 24, 2025 at 10:06 PM
I started to work again this week on the datepicker component for Fluxon UI. That's my #1 priority now. I got all the basics in pretty good shape and working nicely with LV. #ElixirLang
I've just released a "clearable" feature for the Fluxon UI select component. Just a convenient way to unselect/clear the selected options. #ElixirLang
January 9, 2025 at 7:15 PM
I've just released a "clearable" feature for the Fluxon UI select component. Just a convenient way to unselect/clear the selected options. #ElixirLang
Oh, and keyboard navigation kinda works too ⌨️
December 23, 2024 at 10:56 PM
Oh, and keyboard navigation kinda works too ⌨️
Here's what the component code looks like now. The radio buttons update the min and max values which then get patched by LV to re-render the component.
December 23, 2024 at 10:56 PM
Here's what the component code looks like now. The radio buttons update the min and max values which then get patched by LV to re-render the component.