LogoUIUXDECK
icon of Reshaped

Reshaped

Reshaped is a React and Figma design system providing professionally crafted components and utilities for building scalable products.

Introduction

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.

Newsletter

Join the Community

Subscribe to our newsletter for the latest news and updates