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.