Glass Card Spiral Scroll-Driven 3D
Built for Nightfern, the sample brand inside the template
A creative studio's site where frosted glass project cards spiral down a pearl spine in a garden of 3D flowers and glowing dust, with a glass fern emblem that travels down with you.
It builds, or it's free. If this prompt doesn't rebuild the site you saw in its live demo, email us within 14 days of buying for a full refund.
How it moves
A navy night sky full of drifting glitter, with a tall twisting pearl spine in the middle and a glass fern-ring emblem beside it. On the left, "Creative digital experiences" in a wide scanlined mono. Scrolling sends the camera spiralling down the spine: each project arrives as a frosted glass card with its title in the same scanlined type, framed by 3D flower clusters that bloom around the card's edges and slowly dissolve into glowing points. The fern ring travels down with you beside the spine, turning as you scroll. Past the last card the sky turns teal, the camera sinks below the spine, a ribbon of light falls from its tip in a figure eight and the emblem settles inside its lower loop, with a small jellyfish of light drifting nearby. A "What are you making?" filter sits bottom left. On a phone the same journey runs in a narrower frame with fewer particles.
What you get
- A tested build prompt · 11.9k wordsPaste it into Claude Code, Cursor, Codex or Lovable and it builds the hero section by section.
- The working projectVite + React.
npm install && npm run devand it runs, no keys or accounts. - The assets and their promptsEvery image and loop, plus the exact prompts that made them, so you can make your own.
Inside the prompt
A creative studio's site as one scroll through a night garden. A tall twisting pearl column stands in a navy sky full of drifting glitter, with flower clusters growing on it and a glass fern-ring emblem floating beside it. "Creative digital experiences" sits large on the left. Scrolling sends the camera spiralling down the column: each project arrives as a frosted glass card with its title in scanlined mono type, framed (never pierced) by 3D flower clusters whose edges slowly dissolve into glowing points. The fern ring travels down with you beside the column, turning as you scroll. Past the last card the sky turns teal, the camera sinks below the column, a ribbon of light falls from its tip in a figure eight, and the fern ring settles inside its lower loop while a small jellyfish of light drifts beside it.
- What it is
- Style
- Build steps
- Assets
- Motion values
- Make it yours
- Launch checklist
- Acceptance checks
