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 examplesComposable 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
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:
Project already shared on our social media handles.
SocialMedia | SharedLink |
---|---|
Reshaped on Twitter | |
Medium | Reshaped on Medium |
Reshaped on Facebook | |
Tumblr | Reshaped on Tumblr |
Reshaped on LinkedIn | |
Reshaped on Pinterest | |
Filled Under:
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!
Top comments (0)