3D scenes
3D scenes are reusable Three.js scenes — particle fields, shaders, animated geometry. Both the prompt and the source file produce a single self-contained HTML file, so a scene drops into any stack. The source adds a Controls panel for tuning the effect through a UI. Full Stack subscribers only.
A 3D scene isn't a page — it's a component you drop into one you're already building: behind a hero, as a section backdrop, as an interactive centrepiece.
It's the one category where the prompt and the source file give you the same thing: a single self-contained HTML file. There's no Next.js version on purpose — wrapping a drop-in scene in a framework hands you a whole project environment when all you wanted was the scene.
The file carries its own Three.js setup, render loop, and shaders. Lift the parts you need, or point your AI at the file and tell it to port the scene into your structure.
When to use it
When a section needs depth or atmosphere that flat CSS can't reach — a 3D hero for a SaaS landing page, an interactive backdrop behind a pricing table.