Ask HN: How did they create the Devin.ai website?

2 points by hoofhearted 1 year ago | 1 comment

Hey HN!

I came across the Devin.ai website recently and was pretty impressed with what they have going on design wise.

The most I could uncover by sniffing their website was that they are using Three.js to make the magic happen.

What they have built is pretty different and unique from a lot of the frontends I’ve seen out in the wild, and I’d like to explore this avenue of using three.js to make complex ui animations.

So my question for the community is simple, what tools or frameworks might have the Devin team used?

Is there an established or effective way currently to build a Next.js/Tailwind based website with an interactive UI powered by the three.js canvas?

Thank you in advance!

Link for reference: https://devin.ai/

throwaway888abc 1 year ago |

You can track scroll progress with intersection observer and add motion to tailwind elements. You don't need three.js

Here my 2 go to libraries for gimmicks (animations/interaction): https://rombo.co/tailwind/ https://motion.dev/