Reshaped is now open source

https://reshaped.so/blog/reshaped-oss

by michaelmior • 10 months ago

314 47 10 months ago

reshaped.so

philjackson• 10 months ago

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

blvdmitry12• 10 months ago

Thank you

solarkraft2• 10 months 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.

blvdmitry12• 10 months 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

solarkraft2• 10 months 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• 10 months 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.

singpolyma3• 10 months 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• 10 months 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• 10 months 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

[2] https://ai-sdk.dev/elements/overview

blvdmitry12• 10 months 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

oDot2• 10 months 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• 10 months 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_Ant2• 10 months 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.

oDot2• 10 months ago

I was talking just about the look of it, and not the interactivity. UX's familiarity bar is much higher than than the UI one.

Edit: And even for UX -- I am confident in saying we did not reach max usability yet. Some people (me included) are willing to take the risk of (some) unfamiliarity for potential innovation

imjonse• 10 months ago

I don't want my products looking anything like other websites.

if your product is a personal page or art/game, sure, understandable. Otherwise for apps it is beneficial to have consistent UI. It was the case for decades on desktops, it is true to a certain degree on mobile phones, and it makes users' lives easier.

alias_neo• 10 months ago

I remember fighting this one well over a decade ago when management was telling us engineers that our web, Android and iOS should all look, feel and behave the same; it took some time to convince them that what you need is not consistency across platforms but consistency _within_ platforms.

Nobody on iOS cares what/how your app looks/works on Android, they care that the UX meets the expectations they have of that OS because they're switching between apps on that platform all day every day, people actually moving Android<-->iOS are few and far between, I mean literal decade(s) time-frames that people aren't switching.

numpad0• 10 months ago

You don't start from sewing your shirt to dress like a clown, you buy a weirdest cuff links you can find, and that suffices.

Well, I might start from researching multi Kinect coordination to scan myself, but I'm not a sane person. You probably are.

j1436go• 10 months 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• 10 months 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• 10 months ago

Their Next JS server takes around half a second to render static content.

https://i.imgur.com/qFH0ZlK.png

blvdmitry12• 10 months ago

Moved to SSG for the docs pages so should be instant now

blvdmitry12• 10 months 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• 10 months 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• 10 months ago

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

mexicocitinluez• 10 months 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.

bigtones2• 10 months 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.

blvdmitry12• 10 months ago

Moved to SSG for the docs pages so should be instant now

blvdmitry12• 10 months ago

Sorry, point taken, going to spend some more time on the website now that the oss prep is over

taspeotis• 10 months ago

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

whilenot-dev• 10 months ago

Thanks, created a PR: https://github.com/reshaped-ui/reshaped/pull/426

lilerjee• 10 months ago

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

blvdmitry12• 10 months 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

weddpros• 10 months ago

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

blvdmitry12• 10 months ago

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

sheepscreek• 10 months 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!

blvdmitry12• 10 months ago

Thank you!

mathfailure• 10 months 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?

Reshaped is now open source

Related Stories