You have to set up a million things before you even start working on UI.
We took care of it so you can focus on your product.
Reshaped gives you a head start by solving UI problems at all scales. You can stop worrying about maintaining your foundations and focus entirely on the product.
Reshaped ships a library of flexible components aligned between Figma and React. Avoid design hand-off surprises and share the same source of truth.
More than 40 components, utilities and hooks for your product development
Everything you import from Reshaped is written in Typescript. Code editor helps you writing code before you even open the documentation.
The whole React library weighs ~35kb including both CSS and JS code. Adopt it alongside your current codebase and your bundle will only have the parts you use.
Reshaped is covered with an extensive test suite of unit, screenshot and accessibility tests. You’ll get multiple hundreds of tests and we keep adding more.
Components and styles aligned with React library
There are 2 style libraries: for light & dark modes. Each contains styles for colors, typography and effects that are used for all components.
Reshaped has thousands of variants carefully wrapped into individual components that are easy to find and configure.
All components, where it's possible, support auto-layout. It lets you resize and see content auto reflow just like in code.
Thorough technical and design documentation, best-practices and real-world examples
Built in flexibility that lets you develop your own components in minutes
WCAG AA compliant starting from color contrast and up to the screen reader navigation
Components that dynamically adapt to different viewport sizes
Themes supported out-of-the-box for all components with contextual tokens
Dark mode support embedded into each theme through semantic colors
Use Reshaped to start from a point where all core challenges are already solved with our pro license. Get access to Reshaped as we develop it and tweak anything you feel like.
You get access to Reshaped implementation of all components and utilities with a fully working development environment and Storybook examples.
Pro license can be used for your whole company, no more hassle with managing individual licenses.
Get access to the test suite and Storybook files for the whole library. Keep your tests in sync for your new features with zero overhead.
Whether you’re looking for a library for a small side project or a base design system for a large product - we’ve covered it all