Design equals code
All components are available as both React and Figma libraries with completely aligned setup and using latest Figma features.
Responsive styles
Components props support responsive responsive syntax to adjust their behavior based on the viewport size.
Accessibility
WAI-ARIA compliant components with built-in screen reader support and low-level accessibility utilities for building your own components.
Semantic design tokens
Easy-to-learn theming layer and dark mode support that works for building your custom components. New themes can be automatically generated from a single color value.
TailwindCSS integration
Our theming layer can be easily imported in your Tailwind setup with easy access to all design tokens and dark mode support without manual configuration.
Internationalization
All components can be used with any language and come with built-in RTL languages support.
AI workflows
React library comes with a Storybook MCP support that works with all coding agents and Figma library seamlessly integrates with the Figma design agent.
TypeScript
Written in TypeScript with complete type definition coverage to enable autocompletion and type checking in your editor.
Framework support
Reshaped works with your favorite frameworks and bundlers including Next.js, Vite, and more. All components come with built-in RSC support.