Opening workflow…
Websites · Intermediate
Recreate FERRO, a living metal flower
Build an interactive botanical sculpture with 48 curled metal petals. Open the flower, turn it in the light, and switch between titanium, copper, and porcelain. Follow four prompts in your own coding assistant.
Before you start
Uses your AI plan- You’ll need
A coding assistantCodex or Claude Code
Three.js0.185.1 · free, open source
- What it uses
- 4 prompts to your coding assistantCounts toward your assistant’s usual allowance. Nothing extra to buy.
- The tutorial
- Free with an account · 4 steps
Tutorial outline
4 steps, in order. Open the tutorial for the instructions, prompts, settings and checks.
Build the flower
Make the metal catch the light
Bring the sculpture to life
Frame and verify the landing page
Exactly what the creator used
- Codex / Claude Code
- Use your available coding model · Your existing assistant
- Three.js
- 0.185.1 · Open source
Three.js 0.185.1; Vite 8.0.13; Node.js 22.13+. These implementation prompts describe the completed Dstacked scene, not a verbatim single-prompt generation. Original demo checked in a desktop browser and at a 390px viewport; an independent recreation has not yet been verified.