Next.js Discord

Discord Forum

How to recreate Stripe’s animated spiral effect in Next.js with WebGL?

Unanswered
Sun bear posted this in #help-forum
Open in Discord
Sun bearOP
Hey! I’m trying to replicate the animated spiral/ribbon effect from Stripe’s /startups page in a Next.js app. I want to achieve that vibrant, fluid animation with color gradients and a glow effect. I’ve been experimenting with Three.js and custom shaders, but I’m not sure if that’s the best path or if I should use libraries like react-three-fiber or something else entirely. Any suggestions on the right tools, libraries, or general approach to build this efficiently in Next.js?

0 Replies