How can I achieve X.AI smoke effect?

Hello,

I’m attempting to implement an xAI-style smoke effect: fine-grained particles that spread naturally and respond physically to the “Grok” label and to cursor movement. Any guidance on techniques or libraries to achieve realistic diffusion and interaction?


Are you trying to make this kind of animation? I made those and it took me a few months to optimize my code, at first I checked pavelDoGreat’s fluid simulation, he shared his full code, I started by learning what he did, it took me weeks… I can also share my code if needed, just a heads-up: my current version is fairly large

but I run the fluid with a shader-based WebGL solver (stable-fluids style), controlled from React/Next

There are a couple of examples of smoke emitters in the official examples, one of which I have extensively adapted for use in my programs.
However, I don’t know how to make the smoke respond to the label or cursor movements. So I will leave it to others to comment on that aspect of your request.

Hi there,
I came across your post, and I’m excited about the opportunity to contribute to what you’re building. The intersection of AI and immersive commerce is exactly the kind of space I’ve been wanting to work in, and your vision aligns strongly with the type of products I enjoy creating.
Portfolio / GitHub: https://xfigura.ai
Track Preference: Employee
Experience Overview:
I have over 4+ years of production experience working with WebGL and Three.js, building interactive 3D experiences that emphasize performance, real‑time rendering, and smooth user interaction. My background includes:

  • Developing custom 3D product visualizers, configurators, and immersive interfaces

  • Working with modern web frameworks such as React, Next.js, and Vite

  • Optimizing rendering pipelines, asset loading, shaders, and GPU performance

  • Integrating 3D front‑ends with backend APIs, including AI‑powered systems

  • Thriving in early‑stage, fast‑moving environments where autonomy and ownership matter
    I’m especially drawn to the idea of redefining how people shop online through immersive 3D experiences. The chance to build foundational systems at the pre‑seed stage—and help shape both product and culture—is something I’d be excited to take on.
    I’d love to learn more about your vision, the technical challenges ahead, and how I might contribute. Happy to hop on a call anytime this week.
    Looking forward to connecting.
    Best regards.

Kevin