Reshaped is an advanced design system built for products of any scale. Streamline your workflow by solving common design challenges in both design and development with comprehensive, well-engineered tools.
Looking to craft a design system that's both flexible and logical? Reshaped offers professionally designed components in React and Figma that help you get started. Trusted by teams around the world, it boasts a robust set of theming capabilities that are easy to understand and tweak.
You can stop worrying about implementation details, since Reshaped simplifies common challenges like theming, dark mode, and RTL. Further, it ensures your system is scalable. By using React as the only runtime dependency, there is no worry of dependency lock-in. Moreover, it offers automatic dark mode, responsive styles and complete accessibility, making sure your designs work for everyone.
Reshaped also supports TypeScript and boasts a codebase that’s written entirely in TypeScript. The detailed documentation ensures you learn the best practices of each system component, while the theming CLI lets you to create new themes and add more design tokens easily.
System requirements: React. Reshaped offers a suite of features designed to streamline and optimize design and the delivery of digital products.
- Flexible components in React - Complete alignment with the latest Figma features - Theming architecture that's both flexible and logical to tweak according to brand and product - React as the only runtime dependency - Automatic dark mode for dual themes - Responsible and WCAG-compliant styles - TypeScript support - Detailed documentation for best practices - Tools to create new themes and design tokens - Full design system setup to customize components
