Remix.run Logo
jdw64 5 hours ago

Looks like the GIF is fully built out in code. It's really nice to look at, well made, and easy to understand too. I wonder what program or code they used. I'd love to know.

p.sI thought it was a GIF, but it's an iframe. That was a nice little surprise.

gurjeet 4 hours ago | parent [-]

Specifically, it's an JS-controlled/animated SVG embedded in an iframe.

jdw64 4 hours ago | parent [-]

Yeah, I'm looking at it in developer mode. It's using a GSAP timeline approach to update SVG properties. I'm curious how they handle security and caching for something like this. It looks like they're using Tailwind, at least. but this approach is really clean and nice.

It really feels like the best way to learn is by studying other people's code.

stavros 3 hours ago | parent [-]

What kind of security and caching concerns do they need to handle to animate an SVG?