TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

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

2 点作者 hoofhearted5 个月前
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&#x2F;Tailwind based website with an interactive UI powered by the three.js canvas?<p>Thank you in advance!<p>Link for reference: https:&#x2F;&#x2F;devin.ai&#x2F;

1 comment

throwaway888abc5 个月前
You can track scroll progress with intersection observer and add motion to tailwind elements. You don&#x27;t need three.js<p>Here my 2 go to libraries for gimmicks (animations&#x2F;interaction): <a href="https:&#x2F;&#x2F;rombo.co&#x2F;tailwind&#x2F;" rel="nofollow">https:&#x2F;&#x2F;rombo.co&#x2F;tailwind&#x2F;</a> <a href="https:&#x2F;&#x2F;motion.dev&#x2F;" rel="nofollow">https:&#x2F;&#x2F;motion.dev&#x2F;</a>