Dima Belyaev
@blvdmitry.me
Building reshaped.so / designsystemchecklist.com 🚀
Staff Engineer at Shopify
Staff Engineer at Shopify
When starting Reshaped, having a paid license kept me going but also felt wrong sometimes. I wanted to give back more to the community. After 5 years – it is finally happening. Reshaped React and Figma libraries are now open-source.
reshaped.so/blog/reshape...
Get the links below ✨
reshaped.so/blog/reshape...
Get the links below ✨
Reshaped is now open-source - Reshaped
After five years of closed-source, Reshaped is finally open for all – both in React and Figma.
reshaped.so
September 9, 2025 at 6:58 PM
When starting Reshaped, having a paid license kept me going but also felt wrong sometimes. I wanted to give back more to the community. After 5 years – it is finally happening. Reshaped React and Figma libraries are now open-source.
reshaped.so/blog/reshape...
Get the links below ✨
reshaped.so/blog/reshape...
Get the links below ✨
Feels like most of the communities Im in are primarily active on Twitter now and posting in both places at the same time feels too much like work, so find me there for now 🥲
August 29, 2025 at 12:08 PM
Feels like most of the communities Im in are primarily active on Twitter now and posting in both places at the same time feels too much like work, so find me there for now 🥲
Haven't realized this before but you can backtrack by one element in css with :has
August 21, 2025 at 9:44 AM
Haven't realized this before but you can backtrack by one element in css with :has
Reshaped v3.7 is out today with a lot of accessibility improvements, new ActionBar variants, flexible FileUpload triggers and much more ✨
Find all the changes in our release notes:
reshaped.so/docs/changelog
Find all the changes in our release notes:
reshaped.so/docs/changelog
August 18, 2025 at 10:58 AM
Reshaped v3.7 is out today with a lot of accessibility improvements, new ActionBar variants, flexible FileUpload triggers and much more ✨
Find all the changes in our release notes:
reshaped.so/docs/changelog
Find all the changes in our release notes:
reshaped.so/docs/changelog
Having fun with another small feature after a queue of accessibility improvements: turning ActionBar into an actual action bar that can be positioned and toggled ✨
August 9, 2025 at 11:17 PM
Having fun with another small feature after a queue of accessibility improvements: turning ActionBar into an actual action bar that can be positioned and toggled ✨
I often see engineers getting surprised by this but tabs navigation should be arrow based, similar to radio buttons. So keyboard / screen reader users don't have to go through all the tab items before getting to the content 👀
August 9, 2025 at 2:40 PM
I often see engineers getting surprised by this but tabs navigation should be arrow based, similar to radio buttons. So keyboard / screen reader users don't have to go through all the tab items before getting to the content 👀
Got toasts with actions? Make sure they're included in the tab order and don't hide the toast while user focus is inside it ✨
August 6, 2025 at 6:33 PM
Got toasts with actions? Make sure they're included in the tab order and don't hide the toast while user focus is inside it ✨
I guess this becomes a month of accessibility tips while I'm finishing the review of all Reshaped components ✨
If you're implementing focus trap for your components, remember that nothing prevents them from being nested and you need to restore the focus all the way back 👀
If you're implementing focus trap for your components, remember that nothing prevents them from being nested and you need to restore the focus all the way back 👀
August 5, 2025 at 7:57 PM
I guess this becomes a month of accessibility tips while I'm finishing the review of all Reshaped components ✨
If you're implementing focus trap for your components, remember that nothing prevents them from being nested and you need to restore the focus all the way back 👀
If you're implementing focus trap for your components, remember that nothing prevents them from being nested and you need to restore the focus all the way back 👀
Another accessibility detail (more common to handle) – make sure to have a single focusable date in calendars but the default should be last focused date > selected date > today > first date of the month
August 4, 2025 at 9:05 PM
Another accessibility detail (more common to handle) – make sure to have a single focusable date in calendars but the default should be last focused date > selected date > today > first date of the month
Easy to miss a11y detail: if you remove DOM elements while they're focused – move the focus to another relevant element in the same group ✨
August 3, 2025 at 5:16 PM
Easy to miss a11y detail: if you remove DOM elements while they're focused – move the focus to another relevant element in the same group ✨
Not a fan of horror/zombies but that was quite a ride. Feels good to be able to complete the whole thing just now. Each award this game got was absolutely deserved ✨
July 23, 2025 at 7:21 PM
Not a fan of horror/zombies but that was quite a ride. Feels good to be able to complete the whole thing just now. Each award this game got was absolutely deserved ✨
Today is my first day at Shopify. It's strange setting everything up from scratch and learning new habits, while at the same time I'm very excited about it. After 8 years working in the same company, in the same team – it feels good to switch topics. Here goes nothing ✨
July 14, 2025 at 10:26 AM
Today is my first day at Shopify. It's strange setting everything up from scratch and learning new habits, while at the same time I'm very excited about it. After 8 years working in the same company, in the same team – it feels good to switch topics. Here goes nothing ✨
born to LMFAO, forced to LOL
born to WTF, forced to LGTM
born to GTFO, forced to RTFM
July 10, 2025 at 7:51 PM
born to LMFAO, forced to LOL
Prepared and sent the content outline for the dropdown talk, fingers crossed now for it to get selected 🤞
July 5, 2025 at 10:35 AM
Prepared and sent the content outline for the dropdown talk, fingers crossed now for it to get selected 🤞
hinking a which calendar view to use 🤔
July 2, 2025 at 2:47 PM
hinking a which calendar view to use 🤔
Reshaped v3.6 is out and I myself haven't expected it to ship with all of this✨
reshaped.so/docs/changelog
🎨 OKLCH support in themes
🔄 ToggleButton component
💨 Headless Flyout utility
📊 Design systems comparison
Find more details below ↓
reshaped.so/docs/changelog
🎨 OKLCH support in themes
🔄 ToggleButton component
💨 Headless Flyout utility
📊 Design systems comparison
Find more details below ↓
July 1, 2025 at 9:39 AM
Reshaped v3.6 is out and I myself haven't expected it to ship with all of this✨
reshaped.so/docs/changelog
🎨 OKLCH support in themes
🔄 ToggleButton component
💨 Headless Flyout utility
📊 Design systems comparison
Find more details below ↓
reshaped.so/docs/changelog
🎨 OKLCH support in themes
🔄 ToggleButton component
💨 Headless Flyout utility
📊 Design systems comparison
Find more details below ↓
After 7.5 years, today is my last day at Booking.com. When I was joining, I mentioned my past design system experience and interviewers told me that's not something they practice in the company 👇
June 30, 2025 at 8:33 AM
After 7.5 years, today is my last day at Booking.com. When I was joining, I mentioned my past design system experience and interviewers told me that's not something they practice in the company 👇
New tiny win with 3 Reshaped source code sales this month and a new release dropping this week ✨
June 29, 2025 at 11:38 AM
New tiny win with 3 Reshaped source code sales this month and a new release dropping this week ✨
Getting closer to the next Reshaped minor release. It's been more than a month and while I had some time off – I'm quite surprised with how many improvements made it into the release. Shipping on Monday once all documentation updates are done 🔥
June 27, 2025 at 3:24 PM
Getting closer to the next Reshaped minor release. It's been more than a month and while I had some time off – I'm quite surprised with how many improvements made it into the release. Shipping on Monday once all documentation updates are done 🔥
Adding a way to extract custom resizable handles into standalone reusable components that can react to its status ✨
June 27, 2025 at 9:13 AM
Adding a way to extract custom resizable handles into standalone reusable components that can react to its status ✨
Finally adding ToggleButton and ToggleButtonGroup 👀
June 25, 2025 at 10:02 AM
Finally adding ToggleButton and ToggleButtonGroup 👀
A bit more tweaking OKLCH warning colors generation. Top is hex based color gen, bottom is OKLCH with a hue tweaked to lean a bit into the orange 🍊
June 24, 2025 at 11:47 AM
A bit more tweaking OKLCH warning colors generation. Top is hex based color gen, bottom is OKLCH with a hue tweaked to lean a bit into the orange 🍊
How 10x design looks like
June 23, 2025 at 12:23 PM
How 10x design looks like
Done with the first version of the content, please don't make me add another library 😅
June 22, 2025 at 11:58 PM
Done with the first version of the content, please don't make me add another library 😅