Reshaped

Reshaped is a comprehensive design system offering both React components and a Figma library, designed to accelerate product development and ensure design consistency.

Key features include:

• React Component Library: A set of flexible, professionally crafted React components and utilities published on NPM.
• Figma Library: A Figma library with components and styles aligned with the React components, supporting Figma variables.
• Theming Architecture: A theming system with automatic dark mode support, customizable through a theming CLI.
• Responsive Styles: Utilities for responsive styling based on viewport size.
• Accessibility: WCAG and WAI-ARIA compliant components.
• TypeScript Support: Codebase written in TypeScript with fully typed components.
• Integration: Works with Next.js, Remix, Tailwind CSS, and other tools.
• Source Code (Pro): Access to the complete repository setup and component source code for customization.

Reshaped targets UI developers and designers looking to build scalable design systems or rapidly prototype applications with a consistent and accessible user interface.