The Changelog

What's new around here?

Succinct and informative updates about Flux.
RSS feed
August 24, 2026
The Flux documentation is now easier for coding agents to consume. Every page has a markdown version, agents can discover it through emerging standards and retrieve the context they need without parsing a full webpage.

Clean markdown output

Append .md to any docs URL and you get clean, structured markdown — up to 98% smaller than the HTML version:
Copy to clipboard
https://fluxui.dev/components/button.md
The output isn't just HTML converted to markdown, it's a perfect translation of the docs written in Blade. To produce it, we're parsing the Blade structure in the source files and translating each part to its proper markdown equivalent.

Discoverable by agents

We've shipped llms.txt, implemented content negotiation, added alternate link headers, a sitemap, an agent-aware robots.txt — all of it. So no matter what agent you're using, it knows how to get the content it needs.

Better Boost results

Laravel Boost already pulls from the new markdown endpoints, so Boost-powered agents get dramatically better Flux search results out of the box.

August 19, 2026

Horizontal charts

Version ^2.18.0
Horizontal bar chart comparing accounts across five teams
Flux charts now support horizontal layouts. Add the horizontal prop and Flux will place the chart's index on the Y axis and its values on the X axis.
Bars, groups, stacks, lines, areas, points, cursors, and tooltips all work the same way—just turned on their side.

One prop, same chart

Copy to clipboard
<flux:chart horizontal wire:model="data" class="aspect-[2/1]">    <flux:chart.svg>        <flux:chart.bar field="accounts" class="text-blue-500" radius="4 0" />        <flux:chart.axis axis="y" field="team">            <flux:chart.axis.tick />            <flux:chart.axis.line />        </flux:chart.axis>        <flux:chart.axis axis="x">            <flux:chart.axis.grid />            <flux:chart.axis.tick />        </flux:chart.axis>    </flux:chart.svg></flux:chart>
The category or time field moves to the Y axis, while the numeric scale moves to the X axis. Everything else stays composable, so existing bar, line, and area charts can use the same components and configuration.

Mix, group, and stack

Horizontal orientation works across the full chart system. You can group bars for side-by-side comparisons, stack them to show totals, mix positive and negative values around a zero line, or transpose a line and area chart without learning a separate API.

Build them visually

The chart builder now includes a Horizontal preset and an orientation control. Pick a layout, configure logical index and value axes, then copy the generated Blade markup into your project.

August 13, 2026
A browser find dialog searching for signature upon delivery while the matching accordion item is expanded and highlighted
Imagine a user presses ⌘F to find some text on a page. The text is there, but it's tucked inside a closed accordion or an inactive tab.
Normally, they're out of luck. Because that content is hidden, the browser can't find it.
Modern browsers now have an answer: hidden="until-found". It keeps content visually hidden while making it discoverable by the browser's find-in-page feature. When a match is found, the browser reveals the content, scrolls to it, and highlights the result.
We wanted Flux components to ship with this behavior out of the box.

Accordions just work

Collapsed accordion content is findable by default. There's no prop to add and nothing to configure:
Copy to clipboard
<flux:accordion>    <flux:accordion.item heading="Do I need to be home for delivery?">        Orders over $500 require a signature upon delivery.    </flux:accordion.item></flux:accordion>
When a match is found, Flux opens the associated item automatically.

Opt in for tabs

Tabs are opt-in because inactive tabs often represent separate views where this behavior may not be desirable. Add findable to the tab group when you want their content included in browser search:
Copy to clipboard
<flux:tab.group findable>    <flux:tabs>        <flux:tab name="profile">Profile</flux:tab>        <flux:tab name="billing">Billing</flux:tab>    </flux:tabs>    <flux:tab.panel name="profile">...</flux:tab.panel>    <flux:tab.panel name="billing">...</flux:tab.panel></flux:tab.group>
When a match is found, Flux selects the associated tab automatically.
That's it. Another thing you never have to think about—Flux takes care of it using modern browser affordances.
Enjoy!

Copyright © 2026 Wireable LLC ·Terms of Service
Built with by
Caleb Porzio and Hugo Sainte-Marie