Looking at websites such as Clerk, I began thinking that design engineers might be some kind of wizards. I wanted to understand how they do it, so I started reverse-engineering their components out of curiosity. One thing led to another, and I ended up building a small library of reusable, animated components based on what I found. The library is built in React and Framer Motion. I’d love to hear your feedback

  "reverse-engineering their components out of curiosity" - Fantastic
  sharing your learnings with the community - Fantastic
  Attempting to make subscription money off the clones - Not so fantastic

Some of the site definitely looks Rauno-inspired, the back button on a component detail view even says "< Craft" like on his site: https://rauno.me/craft https://rauno.me/craft/interaction-design

Lot of people sell similar components (or give them for free), but what I would really be interested in is a course how to make them (properly, e.g. with a11y and performance considerations). Especially in your case, since you are basically selling somebody else's work (the original design), which is a shitty thing to do. You could monetise this in a much more ethical way.

Ah yes, the classic "reverse engineering" (read: blatant design theft) turned into a quick profit scheme. Peak entrepreneurship.

Their X profile proudly displays "UK-based" while conveniently ignoring basic UK business regulations: no company information, no proper invoicing, no VAT details for B2B sales, and mysteriously missing business address requirements.

Looks suspiciously like someone running an under-the-table operation, courting legal trouble not just from the original designers they're "inspired by," but from Her Majesty's Revenue & Customs who tend to take a rather dim view of tax avoidance.

Web would be a better place without UI animations.

Looks cool, but the site is very heavy! I have an RTX 3070 GPU, and GPU usage went shot to 70% when I opened this website on Firefox.

What about licensing? As you sell them...

How are these components from an accessibility perspective? i.e. does the dots logo work with screen readers?

Fancy animations is all well and good until you start making the website unusable for people who need screen readers, etc

Took me a bit to figure out what the four circular icons on the bottom are for (magic wand, robot, envelope, crescent moon). I really wish they had tooltips.

Still doesn't make sense to me why the magic wand just points to the home page (I would have assumed it meant "edit this UI component), the robot links to a profile page (mine? requires login so didn't try), the envelope points to x.com (I expected an envelope for "email this to a friend"), and the crescent moon toggles between light/dark mode (obvious only in retrospect).

Would love if the site had some more information about how the components are implemented, eg does it use tailwind so they're easily modifiable, is there a light mode and a dark mode for each, can you update the animations to fit your needs, etc. They look good though!

The components looks really cool! However, you're using dark pattern by tricking the user with "Login to access the code" button. After I've gone through the process of signing up and logged in, I still couldn't access the component code. The same button then said "Unlock the code". Clicking on the button takes you to the Pricing page where you can pay $50 to see the component code. That's a dark pattern.

This is fantastic work! They look beautiful. I hope you make lots of money from them because I know it's a lot of work. I'll be a customer in the near future for sure.

- React - check

- Framer Motion - check

This hit the spot for me.

This is just selling components someone else wrote, right?

Five years ago I could understand the appeal and appreciate the effort required. Today, it’s a matter of seeing others work, taking a screenshot, asking ai to recreate it, and then packaging it into a “library” and selling it for $50.

Maybe I’m alone in the sentiment, but it just rubs me the wrong way.

The Caesar Cipher component is displaying incorrectly in Safari. Its elements are positioned off-center. It works fine in Chrome and Firefox.

Components look great. I would pay for these if I needed one of them for a project. It would be great if they worked in React Native too.

"Animated UI" is show stopper.

Nice job. Not a fan of react myself, pretty allergic to it actually, but these look nice.

Let me compensate you for the wait and the battery drain with some pretty animations.

I love that the glowing orb is a component. Many websites could use an orb.

Thanks for sharing, it looks very good. Unfortunately on my system it has very low fps due to software rendering.

This looks like an AI generated project with a very little effort put into polishing what came out.

I mean, if you find people willing to pay you money then great, good for you. But I don't see anything I wouldn't be able to find on sites like css tricks or tympanus for free.

And I don't even know what I'm paying for, there are no real examples on the page.

But I'll put it in my bookmarks. As soon as you have more components, and I'll find some spare time, I'm willing to give it a try and launch reverse-reverse-ui.com with all components available for free.

is this open sourced?

I don't see any relation with "reverse-engineering". It's just a bunch of animated widgets that look like on other sites.

The quality is very impressive! Congrats on the launch.

Absolutely beautiful set here. I'd pay for à la carte.