article·

November 7, 2026

Q2 & Q3 2026 Recap

TA

Tolulope Adebesin

@I_am_Lope

The middle of the year brought two new components, a handful of APIs that make existing components do more, and a new home on the site for the products people ship with Chakra UI.

Here's a quick overview of what landed between April and September.

FloatingPanel (v3.36 · June)

Some UIs need a window inside the page. A chat widget, a properties inspector, a video player that follows you around while you work.

In June we shipped FloatingPanel, a draggable, resizable panel that floats above your page content.

Panels can minimize, maximize and restore, stay inside a boundary, and you can render several at once, each with its own position and size. You can also open one from anywhere with createOverlay.

FloatingPanel was contributed by @kalisaNkevin. Read the v3.36 release post for the full tour.

DateInput (v3.37 · August)

Calendars are great until someone just wants to type a date. In August we shipped DateInput, a segmented date field for typing dates without a calendar.

Each part of the date is its own keyboard-navigable segment, ordered and formatted for the user's locale. It handles ranges, time segments and native form submission out of the box.

If you want both typing and picking, pair it with DatePicker:

DateInput was also contributed by @kalisaNkevin. Thank you! The v3.37 release post covers the rest.

Smaller Wins

Not every improvement needs its own section, but these are worth knowing about.

Faster recipe components

Recipe components like Button, Badge and Skeleton got a lot faster in large lists and tables (v3.36.1 · July). Compiled recipes are now cached per system instead of per component, and in our benchmarks repeated variant resolution is about 70 to 90 times faster. No API changes, you get it by upgrading.

Pause effects in hidden content

Accordion, Collapsible, Dialog, Drawer and TreeView now accept hideMode. Set it to "activity" and content that stays mounted uses React 19's Activity when closed, so timers and effects pause instead of running in the background.

Multiple triggers, one overlay

Since v3.35 in April, Dialog, Popover, HoverCard and Menu can share one instance across several triggers. Useful for a table where every row opens the same edit dialog.

Overlays that return a value

createOverlay gained a TReturn generic, so awaiting open() gives you the value passed to close(). Great for confirm dialogs and pickers. It also got a has() method to check whether an overlay is already open. Thanks to @isBatak and @WahabKhan7528 for these.

Splitter sizes in CSS units

Splitter panels accept px, em, rem, vh and vw, not just percentages.

Pagination text in any language

Also from v3.35, Pagination.PageText accepts a function for format, so the page label can be translated.

A faster codemod

The v2 to v3 codemod from Q1 got a lot faster. Transforms now run in-process, so a full upgrade takes a few seconds instead of around 30, and --dry lists every file and component it would change.

npx @chakra-ui/codemod upgrade --dry

Shipped

This one is close to our hearts. In July we launched Shipped, a page where teams share the products they've built with Chakra UI, in their own words. We've always known people build great things with Chakra. Now there's one place to see them.

In its first month, four teams shared their stories, and they couldn't be more different:

• Tree-Structured Planning, an AI productivity app. Steven Secreti: "I've been using Chakra in every React project I've built for the past three years."
• TM Code, an agent-first IDE. Célio Garcia: "Go on, try Chakra and thank me later!"
• Blockscout, a blockchain explorer. Tom Goriunov: "If your app's design needs to stay customizable without a steep learning curve, Chakra is worth considering."
• Vemetric, an analytics platform. Dominik Sumer: "Use Chakra if you want to build a design system and strong foundation for your frontend."

An AI planner, an IDE, a blockchain explorer and an analytics tool, all built on the same components you use every day. That's the part we love most.

More stories are on the way. If you've shipped something with Chakra UI, we'd love to feature it. Reach out on Discord or tag us on X.

Q4 in Motion

Q4 is off to a strong start. v3.38 shipped Command, a searchable command menu for ⌘K palettes, and there's more in the pipeline.

Looking further ahead, conversations around Chakra UI v4 have started, and we're excited about where it's heading. We'll share more as it takes shape.

If there's something you've been waiting on, let us know in GitHub discussions or on Discord.