Reshaped is now open-source – Reshaped

About five years ago, I started Reshaped.
I built it for myself, since I had a few projects in urgent need of a component library for both React and Figma.
Having worked in the design systems space for over a decade, I had developed a clear sense of what a good design system should be — and what tends to go wrong in others.

I noticed that no matter how trends evolve, around 80% of the web is still built on the same core design practices.
So I set out to build a system that covers that 80%, while giving developers the flexibility to handle the last 20% with low-level utilities.
From the start, I didn’t want to focus only on accessibility or only on design.
Instead, I prioritized alignment between design and engineering, while also solving common UI challenges like theming, dark mode, and micro-animations.

To keep the project sustainable, I made it a paid product: one-time licenses for individuals, and source code licenses for larger teams.
This allowed me to focus on supporting a smaller community and dive deeply into every bug report and feature request.

While this model kept me motivated and financially supported, I always hoped to remove the paywall one day.

Two years ago, I took the first step by making the React package free.
That unlocked new possibilities—not only did indie developers gain free access, but teams using Reshaped with source code licenses could now install it directly from npm.

Today, I’m taking the next step: making all of Reshaped fully open source. The React library source code is now on GitHub and the Figma library is available in the Figma Community.
I’m especially excited because Reshaped bridges both design and engineering, and I hope it helps both communities learn best practices for building design systems that scale while staying minimal.

Making both libraries public also opens the door for me to share more behind-the-scenes work as new features roll out.
I think this is particularly valuable when it comes to integration with other tools.
Imagine Figma or React releasing new features – you’ll be able to see how they’re implemented in Reshaped before you even need to migrate your company’s design system.

• Reshaped component libraries will continue to grow.
  Everyone who purchased licenses in the past will still get full access to future updates, and we’ll keep chatting through the same channels.
  Nothing changes there.
• I’m also interested in taking Reshaped further by introducing more complex, opinionated premium components on top of the core library.
  Not “50 landing page layouts,” but advanced components that require sophisticated CSS and React logic.

This is a leap of faith for me after five years of working closed-source.
It feels like the right time to give everything back to the community—and to have some fun along the way ❤️

Keep your files stored safely and securely with the SanDisk 2TB Extreme Portable SSD. With over 69,505 ratings and an impressive 4.6 out of 5 stars, this product has been purchased over 8K+ times in the past month. At only $129.99, this Amazon’s Choice product is a must-have for secure file storage.

Help keep private content private with the included password protection featuring 256-bit AES hardware encryption. Order now for just $129.99 on Amazon!

Help Power Techcratic’s Future – Scan To Support

If Techcratic’s content and insights have helped you, consider giving back by supporting the platform with crypto. Every contribution makes a difference, whether it’s for high-quality content, server maintenance, or future updates. Techcratic is constantly evolving, and your support helps drive that progress.

As a solo operator who wears all the hats, creating content, managing the tech, and running the site, your support allows me to stay focused on delivering valuable resources. Your support keeps everything running smoothly and enables me to continue creating the content you love. I’m deeply grateful for your support, it truly means the world to me! Thank you!