Hey HN!<p>I came across the Devin.ai website recently and was pretty impressed with what they have going on design wise.<p>The most I could uncover by sniffing their website was that they are using Three.js to make the magic happen.<p>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.<p>So my question for the community is simple, what tools or frameworks might have the Devin team used?<p>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?<p>Thank you in advance!<p>Link for reference: https://devin.ai/
You can track scroll progress with intersection observer and add motion to tailwind elements. You don't need three.js<p>Here my 2 go to libraries for gimmicks (animations/interaction):
<a href="https://rombo.co/tailwind/" rel="nofollow">https://rombo.co/tailwind/</a>
<a href="https://motion.dev/" rel="nofollow">https://motion.dev/</a>