We're introducing a new `Grid` utility to enhance your experience when working with CSS Grid. It supports all standard grid properties, such as row and column templates, template areas, individual column sizes, and auto-flow values.

We've introduced a new `Resizable` utility for managing layouts with dynamically sized panels. It supports both `row` and `column` orientations, accommodates any number of panels and nested layouts.

Over the past three months, we focused on adopting the latest Figma features in our design library. We improved our theming workflows in both Figma and React. Additionally, we made major overall improvements to the design system.

We've added a new `PinField` component for handling one-time passwords and other numeric or alphabetic codes. It works based on a native input element, supports controlled/uncontrolled modes and has an extensive keyboard support for managing the input focus and selection.

We've added a new component to help users navigate across multiple pages of content. It automatically truncates the pages, handles accessility including focus management and provides controlled as well as uncontrolled behavior to make sure you can connect it to your custom application logic.

We're introducing a new `ScrollArea` utility which aligns the scrollbar styling across all platforms, while still relying on the native scrolling behavior. It supports multiple display modes and supports both horizontal and vertical directions.

We are adding new color tokens to support a warning state in between critical and positive colors, as well as a standalone brand color used for brand assets.

We're adding a new `Calendar` component to work with single and range date selection. It supports controlled / uncontrolled behavior, full keyboard navigation, localization, separate month selection and much more

The new `FileUpload` component we're introducing is a flexible and easy-to-use tool for handling file attachments in forms. It's designed to be lightweight, leveraging our standard composition approach and give you complete control over the component's layout and appearance.

One of the requests we had waiting for some time was to generate the color palette based on the brand color. It's possible now and you can do that right in the browser.

This release includes a new way to display tabular data, integrate with 3rd party libraries handling data grid state and a new page displaying theme previews using various components.

We have added a new way to work with themes without building them using our CLI ahead of time. With the new runtime theming feature, you can create new themes directly in the browser.

Since the very beginning, we wanted to find more ways to give back to the community. With a free React package we hope to help indie hackers in building their new projects, as well as everyone who has been asking about using Reshaped in their open-source projects

We are introducing two new themes. Slate theme features a color palette inspired by productivity applications and developer tools. Figma theme can help with building Figma plugins with a familiar set of components.

For the past 6 months, we've been working hard rethinking every single piece of Reshaped and what should be our next steps. It led us to rebuilding our Figma library from ground-up, increasing all components reliability, helping you compose them together without unexpected layout issues and adopting the latest features features, like Figma Variables.

Dan Mall is a design system coach and consultant and he's been running a design system consultancy called SuperFriendly for over a decade, helping all types of companies to build their design systems and improve their team processes.

Atlassian’s end-to-end design language to create simple, intuitive and beautiful experiences. It's passing its 10 year mark at the time of interview and is developed to work across all Atlassian products.

Dimension is a design system built for Hologram products. At the time of interview, the team is moving towards the first stable release with a huge focus on working with the community from day zero.

Cerulean is a design system built and used in Amplitude. In Cerulean, code is used as a source of truth for the system and one of the team core challenges is around syncing code to their Figma libraries.

Blade is a cross-platform design system that powers Razorpay. All major features are implemented through API documents and decision logs to ensure the codebase works across React and React Native.

MUI offers a comprehensive suite of UI tools to help you ship new features faster. It started with a React library implementing Material guidelines and now also provides additional libraries like unstyled base components.

Primer is the design system powering Github products. It exists for more than 10 years now and it has gone a long way to scale from a css library to multi-framework solution.

NativeBase is a utility-first component library to build consistent UI across Android, iOS and Web. NativeBase is built upon React Native and was one of the first UI libraries for it.