armedin
Re:Show HN: I reverse engineered top websites to build an animated UI ...
on Friday April 25, 2025 @02:58PM (#43797356)
Cheers! If there's enough demand for it, I could consider adapting
Re:Show HN: I reverse engineered top websites to build an animated UI ...
on Friday April 25, 2025 @12:14PM (#43795305)
Actually the initial plan was for this to be a course of demonstrating how to build these components. Perhaps if there's enough demand, I might consider that. And I get that not everyone will agree with the approach, but I’m trying to be respectful about it.
Re:Show HN: I reverse engineered top websites to build an animated UI ...
on Friday April 25, 2025 @12:10PM (#43795236)
Honestly I came up with the name pretty quickly without really thinking about how it would sound to the end user. Definitely something I'll rethink; appreciate you pointing it out.
Re:Show HN: I reverse engineered top websites to build an animated UI ...
on Friday April 25, 2025 @12:03PM (#43795132)
I'm delighted to hear you like the library! The 'coming soon' components mean they haven't been packaged yet, and specifically the text-blur-reveal is tricky to do. You can, however, access the raw code on GitHub. Essentially you have 2 ways, either via the npm package, or copying the raw code. There are more components coming, one being the Matrix-like effect. I haven't worked with Astro before, so cannot give an input on that.
Re:Show HN: I reverse engineered top websites to build an animated UI ...
on Friday April 25, 2025 @11:53AM (#43794967)
Did you not receive the Github invitation? If not, please go to the profile and enter your github username to send an invitation.
There are 3-4 components which haven't been synced yet (cannot copy the raw code from the site), one being DataFeedingIn component. You can still access the code through Github.
Re:Show HN: I reverse engineered top websites to build an animated UI ...
on Friday April 25, 2025 @07:34AM (#43792504)
haha so true! Apparently it was meant in the bad way
Re:Show HN: I reverse engineered top websites to build an animated UI ...
on Friday April 25, 2025 @07:30AM (#43792479)
Grateful for the support!
Just trying to build, learn, and put something useful out there.
Re:Show HN: I reverse engineered top websites to build an animated UI ...
on Friday April 25, 2025 @07:27AM (#43792457)
Thank you!
Re:Show HN: I reverse engineered top websites to build an animated UI ...
on Friday April 25, 2025 @07:23AM (#43792435)
yep, not trying to ignore that. It's all written in the title, and where the inspirations are taken from are in each component page.
Re:Show HN: I reverse engineered top websites to build an animated UI ...
on Friday April 25, 2025 @07:21AM (#43792419)
Thank you very much! Would love to have you onboard whenever you're ready.
Re:Show HN: I reverse engineered top websites to build an animated UI ...
on Friday April 25, 2025 @07:19AM (#43792403)
Thanks for the feedback. I totally agree with you. I will revisit this part and try to make it more intuitive
Re:Show HN: I reverse engineered top websites to build an animated UI ...
on Friday April 25, 2025 @07:16AM (#43792392)
That's a great question. Right now, the components serve more as fancy decoration. But making the whole library more a11y-friendly is something I plan to do.
Re:Show HN: I reverse engineered top websites to build an animated UI ...
on Friday April 25, 2025 @07:13AM (#43792369)
Every modern website has similar UI patterns. This is no different. All the code is originally written from scratch. You can’t copyright style, ideas, layouts, or vibes.
Re:Show HN: I reverse engineered top websites to build an animated UI ...
on Friday April 25, 2025 @07:10AM (#43792349)
True — good optimization can get you both. It used to be way less performance, I already tried to optimise (at least until my machine was running it fine), but it seems like there's still much more that can be done
Re:Show HN: I reverse engineered top websites to build an animated UI ...
on Friday April 25, 2025 @07:07AM (#43792327)
Thanks for the advice, I'll look into that
Re:Show HN: I reverse engineered top websites to build an animated UI ...
on Friday April 25, 2025 @07:05AM (#43792315)
Thanks for pointing out the regulations part, I didn't realise I was giving that kind of impression. To be honest, it's my first time doing something like this, and I'm going to take the necessary steps as things grow.
Re:Show HN: I reverse engineered top websites to build an animated UI ...
on Friday April 25, 2025 @06:57AM (#43792266)
Exactly. Not everything has to match everyone's personal taste, and that's totally fine.
Re:Show HN: I reverse engineered top websites to build an animated UI ...
on Friday April 25, 2025 @06:57AM (#43792262)
That's something I have on my backlog
Re:Show HN: I reverse engineered top websites to build an animated UI ...
on Friday April 25, 2025 @06:55AM (#43792252)
Yep, although I'm seeing the "Dock" more and more being used in recent websites
Re:Show HN: I reverse engineered top websites to build an animated UI ...
on Friday April 25, 2025 @06:53AM (#43792238)
Yep, I'm glad you noticed! There are bits and pieces from different sites grouped together
Re:Show HN: I reverse engineered top websites to build an animated UI ...
on Friday April 25, 2025 @06:50AM (#43792222)
Haha, I'd honestly love to see a ReverseReverseUI.
Appreciate the thoughtful words
Re:Show HN: I reverse engineered top websites to build an animated UI ...
on Thursday April 24, 2025 @09:44PM (#43789390)
I appreciate you pointing that out. That’s not quite the experience I intended. The “Login to access the code” button should’ve been clearer upfront about requiring a purchase. I assumed the CTA button in the landing page would send that message. I'm planning to add FREE components as the library grows, so this is something I will revisit again.
Re:Show HN: I reverse engineered top websites to build an animated UI ...
on Thursday April 24, 2025 @09:40PM (#43789372)
AI isn’t quite at the point where it can recreate high-quality UI components just from a screenshot. Everything in this library was built by hand — no AI, no copied code. Just pure design and engineering effort. There’s a lot of work you don’t see on the surface.
Re:Show HN: I reverse engineered top websites to build an animated UI ...
on Thursday April 24, 2025 @09:29PM (#43789331)
Thank you! That's exactly the vibe I was aiming for.
Re:Show HN: I reverse engineered top websites to build an animated UI ...
on Thursday April 24, 2025 @09:27PM (#43789319)
Appreciate the support! Yeah, it’s mostly the overhead of billing and managing access per component. If the library gets big enough and there's more demand for à la carte, I’d definitely consider revisiting it. Just keeping things simple for now so I can keep building.
Re:Show HN: I reverse engineered top websites to build an animated UI ...
on Thursday April 24, 2025 @06:27PM (#43788199)
The early 2000s was the golden era of web.
Re:Show HN: I reverse engineered top websites to build an animated UI ...
on Thursday April 24, 2025 @06:26PM (#43788186)
Thanks for pointing it out! I'll fix it.
Re:Show HN: I reverse engineered top websites to build an animated UI ...
on Thursday April 24, 2025 @05:52PM (#43787905)
Appreciate it! À la carte is something I've thought about, but wouldn't work for this case. Feel free to reach me out on X
Re:Show HN: I reverse engineered top websites to build an animated UI ...
on Thursday April 24, 2025 @05:27PM (#43787706)
Shoot, I forgot to add the FAQ section. Thank you! The components are built with Framer Motion and MUI (just for the sx prop). You will have access to the raw code, github repo and the npm package. If the component needs to be modified heavily, you can use the raw code. There's still more work that needs to be done to handle the full customisation via the npm package. I didn't use tailwind strictly because existing solutions all tend to use tailwind and shadcn, leaving other developers who don't use tailwind with not many options.
Re:Show HN: I reverse engineered top websites to build an animated UI ...
on Thursday April 24, 2025 @05:10PM (#43787553)
capitalism made me do it.