Reshaped is a professionally crafted design system and component library that bridges design and development by combining React components with a synchronized Figma library. It is designed to help teams build scalable, consistent user interfaces by providing a shared source of truth between designers and developers. The library includes a wide range of production-ready components, from basic inputs and buttons to more complex elements such as tables, calendars, and data visualization tools. A key strength of Reshaped is its emphasis on accessibility, responsiveness, and theming, ensuring that interfaces meet modern usability standards while remaining adaptable to different product needs. The project is structured into multiple packages, including styled components, headless components, and framework-agnostic utilities, allowing developers to choose the level of abstraction that best fits their workflow.

Features

  • React and Figma synchronized design system
  • 60+ production-ready UI components
  • Headless and styled component options
  • Built-in theming and design tokens
  • Accessibility-first implementation
  • Full TypeScript support with responsive utilities

Project Samples

Project Activity

See All Activity >

License

MIT License

Follow Reshaped

Reshaped Web Site

Other Useful Business Software
$300 in Free Credit Towards Top Cloud Services Icon
$300 in Free Credit Towards Top Cloud Services

Build VMs, containers, AI, databases, storage—all in one place.

Start your project in minutes. After credits run out, 20+ products include free monthly usage. Only pay when you're ready to scale.
Get Started
Rate This Project
Login To Rate This Project

User Reviews

Be the first to post a review of Reshaped!

Additional Project Details

Programming Language

TypeScript

Related Categories

TypeScript User Interface (UI) Software, TypeScript Libraries

Registered

2 days ago