Reshaped

This design system toolkit combines React components with matching Figma elements, making it perfect for creating consistent user interfaces across design and development.

It’s built to help teams create their own design systems or integrate ready-made components into existing projects.

Key features:

• Complete React component library with only React as a dependency
• Matching Figma library with variable support
• Built-in automatic dark mode support
• Flexible theming system with code-to-Figma sync
• WCAG and WAI-ARIA compliant components
• Responsive design utilities without media queries
• Full source code access (Pro version)

Reshaped is particularly valuable for web designers who want to bridge the gap between design and development. Its straightforward theming architecture and comprehensive documentation help designers understand how their UI choices translate to code, whilst the Figma plugin ensures designs stay in sync with the development environment.