Reshaped | Made with Next JS

Reshaped provides professionally crafted component libraries in React and Figma to make your product design and development faster.

Reshaped is a professionally crafted design system for everyday product development in React and Figma. Usually, you have to set up a million things before you even start working on UI. We took care of it so you can skip your first year of development.

Skip a year of development

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.

React library

More than 40 components, utilities and hooks for your product development

Typescript support

Everything you import from Reshaped is written in Typescript. Code editor helps you writing code before you even open the documentation.

Tiny yet powerful

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.

Fully tested

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.

Figma libraries

Components and styles aligned with React library

Everything you would expect

from a design system
Documentation
Thorough technical and design documentation, best-practices and real-world examples

Composable architecture

Built in flexibility that lets you develop your own components in minutes

Accessibility

WCAG AA compliant starting from color contrast and up to the screen reader navigation

Responsive styles

Components that dynamically adapt to different viewport sizes

Theming

Themes supported out-of-the-box for all components with contextual tokens

Dark mode

Dark mode support embedded into each theme through semantic colors

Building your own design system?

Use Reshaped to start from a point where all core challenges are already solved with our source code package. Get access to Reshaped as we develop it and tweak anything you feel like.

Read More here about Reshaped and find the link to view the showcased website

Reshaped | Made with Javascript | Next JS

Check out more such amazing projects on our website

Made with Javascript

Want us to feature your project

Submit your Project to Made with Javascript

You can also write to us for any of your queries at:

Email Made with Javascript

Project already shared on our social media handles.

Filled Under:

• Made with Javascript
• Made with Next JS

Make sure to give this post ❤ 50 ❤ hearts, click the 🦄 unicorns 🦄 and follow 👉 @madewithjavascript 👈 for more such awesome showcases. Show you love for the people who have worked so hard!