<turbo-stream action="append" target="posts_list"><template>    <div class="postbit" id="367178" data-post-id="367178">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="mpraski" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/mpraski/120/37176_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  mpraski
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Perfect, thank you</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="367178" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/fluxon-ui-a-modern-ui-components-lib-for-phoenix-liveview/67551/42">Post #41</a>
	                </div>
	            </div>
              <div id="likers-container-367178" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="367178"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #41"></div>
  </section>
</div>
    <div class="postbit" id="385010" data-post-id="385010">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="stefanluptak" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/stefanluptak/120/34398_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  stefanluptak
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Hello there <img src="https://forum.elixirforum.com/images/emoji/apple/slight_smile.png?v=15" title=":slight_smile:" class="emoji" alt=":slight_smile:" loading="lazy" width="20" height="20"> I am just wondering what’s the status of this project or future plans. I am currently considering buying the license.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="385010" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/fluxon-ui-a-modern-ui-components-lib-for-phoenix-liveview/67551/43">Post #42</a>
	                </div>
	            </div>
              <div id="likers-container-385010" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="385010"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #42"></div>
  </section>
</div>
    <div class="postbit" id="385016" data-post-id="385016">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="andrielfn" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/andrielfn/120/40797_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  andrielfn
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Hi <a class="mention" href="/u/stefanluptak" rel="nofollow">@stefanluptak</a>, I’m actively working on it. In general my main focus is to address bugs/issues that users report e.g. I’ve released <a href="https://docs.fluxonui.com/changelog.html#v2-3-5-2026-03-14" rel="noopener nofollow ugc">v2.3.5</a> today with a few fixes, and in parallel I’m working on a <a href="https://docs.fluxonui.com/2.4.0-rc.2/changelog.html#v2-4-0-rc-2-2026-03-05" rel="noopener nofollow ugc">bigger release</a> that’s currently in RC, which will add a few new components, improvements and new features to existing components.</p>
<p>The mid-term plan is to keep working on more components (I’m currently exploring at a Toast, maybe a Pillbox, Composer/Textarea, etc) but I also want to provide more and better examples of full pages, and maybe even a complete demo app showing all the components working together.</p>
<p>Let me know if you have any other questions <img src="https://forum.elixirforum.com/images/emoji/apple/smiley.png?v=15" title=":smiley:" class="emoji" alt=":smiley:" loading="lazy" width="20" height="20"></p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="385016" data-batch-url="/posts/batch_likers">
                        5
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/fluxon-ui-a-modern-ui-components-lib-for-phoenix-liveview/67551/44">Post #43</a>
	                </div>
	            </div>
              <div id="likers-container-385016" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="385016"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #43"></div>
  </section>
</div>
    <div class="postbit" id="385274" data-post-id="385274">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="pjode" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/pjode/120/31180_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  pjode
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>One thing I’m running into, using toast as an example here (which will hopefully not be a problem in the near future since you mention you’re exploring that), is that because there isn’t a toast in fluxon, I use the Phoenix default of daisy ui’s toast and so my daisy ui config in app.css has <code>include: toast</code> so that only toast is imported but I still struggle with resolving the differences in theme variables.</p>
<p>I know it isn’t your problem and would be more work than it’s probably worth but would be nice to have a simple daisy-ui theme override of Phoenix’s default that uses fluxon as the source of truth.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="385274" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/fluxon-ui-a-modern-ui-components-lib-for-phoenix-liveview/67551/45">Post #44</a>
	                </div>
	            </div>
              <div id="likers-container-385274" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="385274"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #44"></div>
  </section>
</div>
    <div class="postbit" id="385316" data-post-id="385316">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="sigveh" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/sigveh/120/38757_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  sigveh
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Just want to say I really enjoy working with Fluxon, it is a great library. Thanks for your work on this!</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="385316" data-batch-url="/posts/batch_likers">
                        2
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/fluxon-ui-a-modern-ui-components-lib-for-phoenix-liveview/67551/46">Post #45</a>
	                </div>
	            </div>
              <div id="likers-container-385316" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="385316"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #45"></div>
  </section>
</div>
    <div class="postbit" id="391350" data-post-id="391350">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="andrielfn" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/andrielfn/120/40797_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  andrielfn
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Hey folks <img src="https://forum.elixirforum.com/images/emoji/apple/waving_hand.png?v=15" title=":waving_hand:" class="emoji" alt=":waving_hand:" loading="lazy" width="20" height="20"></p>
<p>Fluxon UI v3.0 is out!! <img src="https://forum.elixirforum.com/images/emoji/apple/tada.png?v=15" title=":tada:" class="emoji" alt=":tada:" loading="lazy" width="20" height="20"></p>
<p><strong>5 new components</strong></p>
<ul>
<li>Scroll Area</li>
<li>Calendar</li>
<li>Number Input</li>
<li>Tags Input</li>
<li>Toast (ships in preview)</li>
</ul>
<p><strong>New features</strong></p>
<ul>
<li>Localization across 35+ locales with locale-aware defaults (week start, date format, hour cycle)</li>
<li>A reworked dark mode built on a real elevation system</li>
<li>Typeable Date Picker</li>
<li>Multi-month date range picker</li>
<li>Date Picker presets</li>
<li>Dropdown submenus</li>
<li>Custom toggle slots for Select</li>
<li>Lots of smaller additions, bug fixes and polish across pretty much all components</li>
</ul>
<p>Full write-up: <a href="https://fluxonui.com/whats-new/v3-0-0" class="inline-onebox" rel="noopener nofollow ugc">Fluxon 3 is here · v3.0.0 · Fluxon UI</a><br>
Changelog: <a href="https://docs.fluxonui.com/changelog.html" class="inline-onebox" rel="noopener nofollow ugc">Changelog — Fluxon v3.0.0</a></p>
<p>As always, feedback is very welcome.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="391350" data-batch-url="/posts/batch_likers">
                        8
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/fluxon-ui-a-modern-ui-components-lib-for-phoenix-liveview/67551/47">Post #46</a>
	                </div>
	            </div>
              <div id="likers-container-391350" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="391350"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #46"></div>
  </section>
</div>
    <div class="postbit" id="391401" data-post-id="391401">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="kevinschweikert" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/kevinschweikert/120/26866_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  kevinschweikert
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Awesome release! Thank you <a class="mention" href="/u/andrielfn" rel="nofollow">@andrielfn</a>!<br>
Happy users of Fluxon here!</p>
<p>Just noticed that the option popover from the select don’t play nicely with scrolling. Especially on mobile they lag behind while scolling. But it’s also present on Desktop, just not that obvious. I haven’t investigated if this is an issue already in V2 but just wanted to let you know.</p>
<p>And one minor thing: The option popover has a higher z-index than your navbar, so it shows above it. Let me know if you need more info or i can help otherwise. Thank you so much for the effort you put in!</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="391401" data-batch-url="/posts/batch_likers">
                        1
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/fluxon-ui-a-modern-ui-components-lib-for-phoenix-liveview/67551/48">Post #47</a>
	                </div>
	            </div>
              <div id="likers-container-391401" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="391401"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #47"></div>
  </section>
</div>
    <div class="postbit" id="391406" data-post-id="391406">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="andrielfn" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/andrielfn/120/40797_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  andrielfn
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Yeah that’s a known “issue”. In short, the problem is that these overlay elements (select, autocomplete, dropdown, etc.) use a <code>position: fixed</code> strategy which makes them be relative to the viewport, so when you scroll the page, under the hood it recalculates the position again, that’s why it feels a bit laggy/slow. And the reason for this fixed position is mainly because these components were being clipped when inside other overflow hidden elements.</p>
<p>The other options I have in mind is to ‘lock’ the scrolling while the it’s open, which is basically what other libs like shadcn/baseui does today, or some kind of portal, but I feel that would be way too complex that it wouldn’t be worth it.</p>
<p>For the navbar with a smaller z-index, definitely not expected. Fix deployed already.</p>
<p>Big thanks for the feedback.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="391406" data-batch-url="/posts/batch_likers">
                        1
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/fluxon-ui-a-modern-ui-components-lib-for-phoenix-liveview/67551/49">Post #48</a>
	                </div>
	            </div>
              <div id="likers-container-391406" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="391406"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #48"></div>
  </section>
</div>
    <div class="postbit" id="391503" data-post-id="391503">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="Graborg" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/Graborg/120/26818_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  Graborg
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Looks great <a class="mention" href="/u/andrielfn" rel="nofollow">@andrielfn</a> ! Can’t wait to dig into the new release.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="391503" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/fluxon-ui-a-modern-ui-components-lib-for-phoenix-liveview/67551/50">Post #49</a>
	                </div>
	            </div>
              <div id="likers-container-391503" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="391503"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-last-post cat-last-post" title="Last post!"></div>
  </section>
</div>
</template></turbo-stream><turbo-stream action="replace" target="load-more-container"><template><div id="load-more-container" class="load-more-container">
    <span class="all-loaded">— All posts loaded —</span>
</div></template></turbo-stream>