8 ms·

Reshaped is now open source

314 points by michaelmior 1y ago

ltbarcly3 1y ago
[flagged]
philjackson 1y ago
This looks like a really solid library and a lot of code for free. Many thanks to Dmitry / the team.
- blvdmitry 1y ago
  Thank you
solarkraft 1y ago
Small aside: I’m still looking for a framework/UI library fully designed and developed micro-interactions. Even the best ones tend to have jumps that feel like glitches.
- blvdmitry 1y ago
  do you have some examples of what you would want to get improved/added? We’re building an additional set of components now that could provide more of the micro interactions
  - solarkraft 1y ago
    The slider component's label just appears and disappears and looks a bit out of place in dark mode (this was the first thing I noticed on mobile). The switch isn't draggable and doesn't react to presses. These were a lot less obvious than with some other libraries (including ones claiming to be meticulously designed ...) and I have to extend some props for almost everything that animates in also animating out (almost everybody messes this up and it irritates me a lot, just leave it unanimated if you're not going to finish it ...). In total I think this is a pretty high quality library. Definitely not bad!
  - sandblast 1y ago
    When you have two dots in slider component and quickly move one of those over and past the other one, that second dot also unexpectedly changes position in unpredictable ways.
    - blvdmitry 1y ago
      This one is fixed in the latest canary, haven't updated the docs yet though
deleted 1y ago
[deleted]
singpolyma3 1y ago
I'm very curious here. I don't see any pricing or call to pay or even donation option on the website. So are they both open source and no longer interested in getting paid?
- ly 1y ago
  At the bottom of the article: > 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.
  - 8cvor6j844qw_d6 1y ago
    Something like Tailwind Catalyst UI kit [1]? I'll be definitely be lining up to get one that has more variety. Currently I'm trying out the recently released AI Elements [2] for its UI components tailored for AI-related stuff and pretty convenient for prototyping. [1]: https://catalyst.tailwindui.com/docs https://catalyst.tailwindui.com/docs [2]: https://ai-sdk.dev/elements/overview https://ai-sdk.dev/elements/overview
    - blvdmitry 1y ago
      I think Catalyst looks more like the core Reshaped library atm but we’re jamming on building the first component pack for more complex form fields and layouts. A few other ideas is indeed chat interfaces as well as layout/navigation patterns
- blvdmitry 1y ago
  Hey, I used to sell this library for the past 5 years and happy with the money I made so decided to just make it more accessible for those who can’t afford it (the pricing was also more team focused). We’ll probably ship some additional components under as a plus license but core react and Figma libraries will stay free and open source
oDot 1y ago
Interestingly, I am looking for the exact opposite -- I don't want my products looking anything like other websites. The democratization of skill-learning is splendid, but boy is it hard to find a non cookie-cutter designer these days. If you know anyone .. Ofek (at) nestful dot app
- cpursley 1y ago
  Well, your customers do. Having to relearn an entire new set of UI patterns for each site/application is exhausting for regular people. Don't make your users think.
  - Pet_Ant 1y ago
    I miss the Windows 98 days where almost all apps used the same generic UI and the visuals drifted into the background like noise and I just saw buttons and checkboxes. That’s the worst part of webapps is that they have their own look’n’feel. I don’t want your branding and colours. I want the functionality and get out of my way. I want my own colours and fonts.
    - whizzter 1y ago
      While I agree to some extent about branding and colours, things were hardly a panacea with a lot of buttons and checkboxes as the infamous "Bulk Rename Utility" showed how things could get out of control (probably nice for the author and those that used it from the start but waay too cluttered for anyone without exp). First and foremost an UI shouldn't confuse or even worse mislead the user, now button as hammer for everything chaoses of old or branding idiocy of today both are guilty of those crimes. The art of UI's has progressed, sadly some fresh designers are dogmatic as they are mostly exposed to "beautiful" B2C products rather that internal products and often miss the effectiveness factor of tools. https://medium.com/@aneel.kaushikk/bulk-rename-utility-redesign-a-ux-case-study-82269ad27205 https://medium.com/@aneel.kaushikk/bulk-rename-utility-redes...
      - Pet_Ant 1y ago
j1436go 1y ago
Looks very clean! Kudos for creating it. Switching tabs and navigating on the documentation page freezes the site for a couple of ms though. I'm on Manjaro Linux using LibreWolf v135.
- esperent 1y ago
  Fennec browser on Android here and same, switching between Documentation and Properties tabs in the docs takes half a second. I'm not sure if it's actually a freeze though, maybe a misplaced decimal point in an animation?
- hu3 1y ago
  Their Next JS server takes around half a second to render static content. https://i.imgur.com/qFH0ZlK.png https://i.imgur.com/qFH0ZlK.png
  - blvdmitry 1y ago
    Moved to SSG for the docs pages so should be instant now
- blvdmitry 1y ago
  Thanks! Slow nav is a thing indeed and will look into it. Currently I’m having some server logic when navigating to scan which mdx files are available and also had a very basic auth causing me to use a server. With going OSS I can actually just switch to a static website export now
cheerioty 1y ago
Looks amazing. I'm currently using Mantine alot and still super happy with it so far, but will keep this in mind. I just wish somebody would finally build something of similar quality for ReactNative. The existing solutions I'm aware of all fall short in comparison.
- patates 1y ago
  last time I looked mantine had some a11y issues, did anyone had to go through an a11y compliance check with it?
mexicocitinluez 1y ago
For whatever reason, each time I click on a menu item it feels delayed. Not like a "This appears to be loading info" delay, but a "It seems frozen and then something just appears" delay.
- bigtones 1y ago
  Yes, every link takes a feew seconds to load with no visual feedback it doing anything. Maybe work on that or put a loading bar at the top or show something.
  - blvdmitry 1y ago
    Moved to SSG for the docs pages so should be instant now
    - bigtones 1y ago
      Yep lightening fast now - great work !
- blvdmitry 1y ago
  Sorry, point taken, going to spend some more time on the website now that the oss prep is over
taspeotis 1y ago
In the README the getting started takes you to the changelog, rather than getting started.
- whilenot-dev 1y ago
  Thanks, created a PR: https://github.com/reshaped-ui/reshaped/pull/426 https://github.com/reshaped-ui/reshaped/pull/426
lilerjee 1y ago
Too much JavaScript, I think using CSS to implement the same UI is better and simpler.
- deleted 1y ago
  [deleted]
- blvdmitry 1y ago
  Good point. I’m trying to solve as much as I can with just css but a11y and minor implementation details require js, especially while a lot of newer apis require better browser support for now. Over time I expect those to move to native browser apis and become simpler
deleted 1y ago
[deleted]
weddpros 1y ago
Really neat! It seems backspace in autocomplete is broken: it does NOOP (OSX Safari & Chrome)
- blvdmitry 1y ago
  Sorry, going to redeploy the docs today, it’s already fixed in the latest patch
sheepscreek 1y ago
Beautiful components and that’s a very bold move. Congratulations on your success so far and hope this helps you (and everyone in the ecosystem) achieve even more!
- blvdmitry 1y ago
  Thank you!
mathfailure 1y ago
It looks so neat and amazing! I wish there was a simple way to 'marry' this lib with WordPress... or maybe there is one?

314 points by michaelmior 1y ago

ltbarcly3 1y ago

[flagged]

philjackson 1y ago

This looks like a really solid library and a lot of code for free. Many thanks to Dmitry / the team.

blvdmitry 1y ago
Thank you

solarkraft 1y ago

Small aside: I’m still looking for a framework/UI library fully designed and developed micro-interactions. Even the best ones tend to have jumps that feel like glitches.

blvdmitry 1y ago
do you have some examples of what you would want to get improved/added? We’re building an additional set of components now that could provide more of the micro interactions
- solarkraft 1y ago
  The slider component's label just appears and disappears and looks a bit out of place in dark mode (this was the first thing I noticed on mobile). The switch isn't draggable and doesn't react to presses. These were a lot less obvious than with some other libraries (including ones claiming to be meticulously designed ...) and I have to extend some props for almost everything that animates in also animating out (almost everybody messes this up and it irritates me a lot, just leave it unanimated if you're not going to finish it ...). In total I think this is a pretty high quality library. Definitely not bad!
- sandblast 1y ago
  When you have two dots in slider component and quickly move one of those over and past the other one, that second dot also unexpectedly changes position in unpredictable ways.
  - blvdmitry 1y ago
    This one is fixed in the latest canary, haven't updated the docs yet though

deleted 1y ago

[deleted]

singpolyma3 1y ago

I'm very curious here. I don't see any pricing or call to pay or even donation option on the website. So are they both open source and no longer interested in getting paid?

ly 1y ago
At the bottom of the article: > 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.
- 8cvor6j844qw_d6 1y ago
  Something like Tailwind Catalyst UI kit [1]? I'll be definitely be lining up to get one that has more variety. Currently I'm trying out the recently released AI Elements [2] for its UI components tailored for AI-related stuff and pretty convenient for prototyping. [1]: https://catalyst.tailwindui.com/docs https://catalyst.tailwindui.com/docs [2]: https://ai-sdk.dev/elements/overview https://ai-sdk.dev/elements/overview
  - blvdmitry 1y ago
    I think Catalyst looks more like the core Reshaped library atm but we’re jamming on building the first component pack for more complex form fields and layouts. A few other ideas is indeed chat interfaces as well as layout/navigation patterns
blvdmitry 1y ago
Hey, I used to sell this library for the past 5 years and happy with the money I made so decided to just make it more accessible for those who can’t afford it (the pricing was also more team focused). We’ll probably ship some additional components under as a plus license but core react and Figma libraries will stay free and open source

oDot 1y ago

Interestingly, I am looking for the exact opposite -- I don't want my products looking anything like other websites. The democratization of skill-learning is splendid, but boy is it hard to find a non cookie-cutter designer these days. If you know anyone .. Ofek (at) nestful dot app

cpursley 1y ago
Well, your customers do. Having to relearn an entire new set of UI patterns for each site/application is exhausting for regular people. Don't make your users think.
- Pet_Ant 1y ago
  I miss the Windows 98 days where almost all apps used the same generic UI and the visuals drifted into the background like noise and I just saw buttons and checkboxes. That’s the worst part of webapps is that they have their own look’n’feel. I don’t want your branding and colours. I want the functionality and get out of my way. I want my own colours and fonts.
  - whizzter 1y ago
    While I agree to some extent about branding and colours, things were hardly a panacea with a lot of buttons and checkboxes as the infamous "Bulk Rename Utility" showed how things could get out of control (probably nice for the author and those that used it from the start but waay too cluttered for anyone without exp). First and foremost an UI shouldn't confuse or even worse mislead the user, now button as hammer for everything chaoses of old or branding idiocy of today both are guilty of those crimes. The art of UI's has progressed, sadly some fresh designers are dogmatic as they are mostly exposed to "beautiful" B2C products rather that internal products and often miss the effectiveness factor of tools. https://medium.com/@aneel.kaushikk/bulk-rename-utility-redesign-a-ux-case-study-82269ad27205 https://medium.com/@aneel.kaushikk/bulk-rename-utility-redes...
    - Pet_Ant 1y ago

j1436go 1y ago

Looks very clean! Kudos for creating it. Switching tabs and navigating on the documentation page freezes the site for a couple of ms though. I'm on Manjaro Linux using LibreWolf v135.

esperent 1y ago
Fennec browser on Android here and same, switching between Documentation and Properties tabs in the docs takes half a second. I'm not sure if it's actually a freeze though, maybe a misplaced decimal point in an animation?
hu3 1y ago
Their Next JS server takes around half a second to render static content. https://i.imgur.com/qFH0ZlK.png https://i.imgur.com/qFH0ZlK.png
- blvdmitry 1y ago
  Moved to SSG for the docs pages so should be instant now
blvdmitry 1y ago
Thanks! Slow nav is a thing indeed and will look into it. Currently I’m having some server logic when navigating to scan which mdx files are available and also had a very basic auth causing me to use a server. With going OSS I can actually just switch to a static website export now

cheerioty 1y ago

Looks amazing. I'm currently using Mantine alot and still super happy with it so far, but will keep this in mind. I just wish somebody would finally build something of similar quality for ReactNative. The existing solutions I'm aware of all fall short in comparison.

patates 1y ago
last time I looked mantine had some a11y issues, did anyone had to go through an a11y compliance check with it?

mexicocitinluez 1y ago

For whatever reason, each time I click on a menu item it feels delayed. Not like a "This appears to be loading info" delay, but a "It seems frozen and then something just appears" delay.

bigtones 1y ago
Yes, every link takes a feew seconds to load with no visual feedback it doing anything. Maybe work on that or put a loading bar at the top or show something.
- blvdmitry 1y ago
  Moved to SSG for the docs pages so should be instant now
  - bigtones 1y ago
    Yep lightening fast now - great work !
blvdmitry 1y ago
Sorry, point taken, going to spend some more time on the website now that the oss prep is over

taspeotis 1y ago

In the README the getting started takes you to the changelog, rather than getting started.

whilenot-dev 1y ago
Thanks, created a PR: https://github.com/reshaped-ui/reshaped/pull/426 https://github.com/reshaped-ui/reshaped/pull/426

lilerjee 1y ago

Too much JavaScript, I think using CSS to implement the same UI is better and simpler.

deleted 1y ago
[deleted]
blvdmitry 1y ago
Good point. I’m trying to solve as much as I can with just css but a11y and minor implementation details require js, especially while a lot of newer apis require better browser support for now. Over time I expect those to move to native browser apis and become simpler

deleted 1y ago

[deleted]

weddpros 1y ago

Really neat! It seems backspace in autocomplete is broken: it does NOOP (OSX Safari & Chrome)

blvdmitry 1y ago
Sorry, going to redeploy the docs today, it’s already fixed in the latest patch

sheepscreek 1y ago

Beautiful components and that’s a very bold move. Congratulations on your success so far and hope this helps you (and everyone in the ecosystem) achieve even more!

blvdmitry 1y ago
Thank you!

mathfailure 1y ago

It looks so neat and amazing! I wish there was a simple way to 'marry' this lib with WordPress... or maybe there is one?