New components. This time it’s the boring stuff. The things we rebuild over and over. Made into components. Button Group, Field, Input Group, Empty States, Item. They compose beautifully and handle the common patterns we reach for every day. Let’s take a look ⬇️

Let’s start with Button Group. Highly requested. Perfect for action groups, split buttons, and more. Works horizontally, vertically, and you can even nest them.

Input Group lets you add icons, buttons, text, you know, all those little bits you always need around your inputs. Supports inline and block alignments. Works with input and textarea.

Introducing Field, a component for building really complex forms. It took me a long time to get it right but I made it work with all your form libraries: Server Actions, React Hook Form, TanStack Form… And it makes it super easy to build styled checkboxes and radios.

Empty States. A title, description and buttons. You can use it with avatars and input groups.

Item and Item Group. This one is a flex container that can house nearly any type of content. Simple but I've built this so many times that I decided to create a component for it. You can group them, turn them into links and add headers and footers.

That’s it. Here’s the GitHub link. Check the changelog on the site for examples (there are lots of them) and documentation.

Most of the components have been built to work with any component libraries. You can easily edit a line or two and make them work with @base_ui or React Aria.