Dima Belyaev
@blvdmitry.me
Building reshaped.so / designsystemchecklist.com 🚀
Staff Engineer at Shopify
Staff Engineer at Shopify
I believe not so many libraries go open-source after so many years staying behind a paywall. I appreciate everyone who will repost this release and hope to get it in front of more people working on their own design systems or looking for libraries for their products ❤️
September 9, 2025 at 6:58 PM
I believe not so many libraries go open-source after so many years staying behind a paywall. I appreciate everyone who will repost this release and hope to get it in front of more people working on their own design systems or looking for libraries for their products ❤️
Figma library is published to the Figma community. It feels great to be able to share more behind the scenes for it now as well, especially when it comes to the new Figma features adoption and sharing best practices for large design systems 🫰
www.figma.com/community/fi...
www.figma.com/community/fi...
Reshaped Design System v3.7 | Figma
Reshaped is a professionally crafted design system for product design and development teams and individuals. We provide core components you would need in every project, focusing on accessibility, comp...
www.figma.com
September 9, 2025 at 6:58 PM
Figma library is published to the Figma community. It feels great to be able to share more behind the scenes for it now as well, especially when it comes to the new Figma features adoption and sharing best practices for large design systems 🫰
www.figma.com/community/fi...
www.figma.com/community/fi...
All source code is available on GitHub. I would be happy to see more people explore the code and the contributions are always welcome. And don't forget to give it a star ⭐
github.com/reshaped-ui/...
github.com/reshaped-ui/...
GitHub - reshaped-ui/reshaped: Professionally crafted React & Figma components for building beautiful products or starting your own design system
Professionally crafted React & Figma components for building beautiful products or starting your own design system - reshaped-ui/reshaped
github.com
September 9, 2025 at 6:58 PM
All source code is available on GitHub. I would be happy to see more people explore the code and the contributions are always welcome. And don't forget to give it a star ⭐
github.com/reshaped-ui/...
github.com/reshaped-ui/...
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 ✨
Probably I should've shared it on bsky too 😅 Noticed people coming to the website from here and figured out that's you sending them ❤️
September 9, 2025 at 6:55 PM
Probably I should've shared it on bsky too 😅 Noticed people coming to the website from here and figured out that's you sending them ❤️
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 👀
Baba O'Riley
The Who · Who's Next (Deluxe Edition) · Song · 1971
open.spotify.com
August 7, 2025 at 5:40 PM
Or at least find the right boundaries for positioning, like if you don’t want to sync the position for a container with overflow auto.
@sid.st you’ll have to fix this now 😄
@sid.st you’ll have to fix this now 😄
August 7, 2025 at 5:37 PM
Or at least find the right boundaries for positioning, like if you don’t want to sync the position for a container with overflow auto.
@sid.st you’ll have to fix this now 😄
@sid.st you’ll have to fix this now 😄
Yeah, always on the fence with these complex examples. But always feels so good once you actually face this in your product and don't have to think about it since design system already handles this for you 🙌
August 6, 2025 at 7:12 PM
Yeah, always on the fence with these complex examples. But always feels so good once you actually face this in your product and don't have to think about it since design system already handles this for you 🙌
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 ✨
If you have any that want to argue that – send them my way 😂
August 5, 2025 at 9:06 PM
If you have any that want to argue that – send them my way 😂
bsky found a solution for it though, doesn't really open it with keyboard
August 5, 2025 at 8:59 PM
bsky found a solution for it though, doesn't really open it with keyboard
We don't but then we look around the web and it's everywhere. I'm writing this message in a modal that has language selection dropdown in it 😅
August 5, 2025 at 8:57 PM
We don't but then we look around the web and it's everywhere. I'm writing this message in a modal that has language selection dropdown in 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 👀
Keep forgetting to add this to my docs 👀
August 5, 2025 at 2:39 PM
Keep forgetting to add this to my docs 👀
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
Yes, you’re totally right right
August 4, 2025 at 6:33 AM
Yes, you’re totally right right
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 ✨
The law of conservation of icons states that the moment an icon is fixed in one product - it gets broken in another
July 19, 2025 at 11:59 AM
The law of conservation of icons states that the moment an icon is fixed in one product - it gets broken in another