v3.3: ContextMenu utility, improved docs and more
Core components for every React application
Accessible React components for building high-quality products or starting your own design system
npm install reshaped
Free
EN
Esther Naomi
New
5 hours left
Reshaped's superpower is its theming architecture because it has a fine balance of
flexibility and constraints. It is easy for the consumers to tweak the theme based on
their brand and product and yet it is logical enough to understand from the outside
and provides automatic dark mode support.
Kamlesh Chandnani
Principal Frontend Engineer, Razorpay
Reshaped provided us with the tools to build both our product and website remarkably
quickly. As a small team with short deadlines, Reshaped allowed us to focus on
delivering the experience instead of grinding away on components. The documentation is
in a class of its own and enabled our team to ship at lightning speed. I'd recommend
Reshaped to any team looking to move fast with a high-quality frontend.
Mike Carbone
Founder, CEO of Hermae
| Mo | Tu | We | Th | Fr | Sa | Su |
|---|---|---|---|---|---|---|
Completely accessible
All components are WCAG and WAI-ARIA compliant. From color contrast to screen reader navigation – your product will be much easier to use for everyone.
Built with TypeScript
All components and utilities are type-safe. Their types are available for use in your own product code or when building custom components.
TailwindCSS integration
Reshaped provides a single-line configuration to access all Reshaped design tokens with Tailwind classnames and intellisense.
Theming and dark mode
Reshaped themes are powered by semantic CSS variables and don't require additional css libraries. It comes with a CLI for creating themes and you can use them for building your own components.
Responsive properties
Reshaped components support responsive syntax for their layout properties. You can easily select how each component should behave based on the viewport size.
Frameworks and RSC
It's easy to setup Reshaped for any popular React frameworks and it works with React Server Components out of the box. We provide starter code examples for each one of them.
No runtime dependencies
React is the only runtime dependency Reshaped brings and it doesn't lock you into using specific packages.
Lightweight with tree-shaking
All common build tools automatically remove any Reshaped code that you don't use, including components CSS.
Flexible composition
While Reshaped components include styles, they're optimized for composition to build custom components that work for your product.
I’ve been following Reshaped from day one and love how it’s grown over the years.
With Reshaped, it’s super easy to create nice-looking UIs without much effort,
while it handles RTL, theming, and dark mode for you. Hats off to the team for
building it!
Sean Brydon
Full-Stack Developer, Cal.com
When we are working on new features, I enjoy checking out how Reshaped approached
the solution to that problem. It helps in my search for the best possible
approaches.
Olivier Tassinari
Co-founder and CEO, MUI
Start shipping with Reshaped
Teams and individual engineers start using Reshaped for its flexibility and focus on core components. They stay for the exceptional developer experience and outstanding support.
npm install reshaped
Free
Built with Reshaped in Amsterdam ❤️