Hey everyone! I'm a junior-level programmer looking to step up my skills. I came across a job posting for a company that develops highly animated and visually impressive websites similar to [metamask.io](https://metamask.io/). I'm curious about the tools and frameworks people use to create such advanced visuals. It seems like just using HTML, CSS, and JS would be too time-consuming, right? I've heard of Three.js, but I know that's pretty complex. It feels like they might be using some visual design tool and then converting it to code. Can anyone shed some light on this?
3 Answers
They actually do use Next.js for their projects, along with Three.js for those 3D effects. It’s definitely a combination of frameworks that can create those stunning visuals, but it’s not just simple coding! You might want to check out the source code to see what I mean!
Honestly, the user experience can suffer from all those animations. But they sure do look cool! Just make sure they don’t distract from usability.
I agree! A good balance is key—looks awesome but has to be functional!
A lot of scroll-based animations these days are implemented using GSAP (GreenSock Animation Platform). Three.js can be pretty intense, but there are also GUI-friendly tools like Spline that make creating those animations easier!
Yeah, but I still think they use some tool to convert it to code. It can't all just be hand-coded!