virelle

pro

Get the prompt, project and Figma file with monthly ($29 a month) or yearly ($249 a year). Plus tax where it applies.

A one-screen hero for a fictional jewellery house, "VIRELLE — Eternal Light", rendered live with three.js over ivory. An 18K gold pendant with a pear-cut diamond drops into frame on a real chain of 232 interlocked links (an XPBD simulation, the same at any frame rate), is caught softly, swings and settles, and a faint air keeps it alive. The diamond is ray-traced in a shader through 137 facets with Fresnel, total internal reflection and a touch of colour fire, reflecting a small virtual photo studio. Eight editorial photographs sweep in and orbit the jewel on a tilted ring, keeping their size, staying inside the frame and lifting so they never cover the stone. A full-bleed ETERNAL LIGHT headline is fitted to the screen's width. Hover the jewel for a trailing "Rotate" disc, click to turn it 180° on a torsion spring and show the gold basket behind the stone, spin the ring with the wheel, pull the camera back with "See collection", and open any photo in a lightbox with a rising mask reveal. Includes a phone layout and a reduced-motion version.

what you get

prompt
Paste it into Claude, Codex, Kimi or Cursor to rebuild this template. Tested: we rebuild every template from its prompt before it goes live.
project
The Vite + React source code as a .zip, ready to run.
figma file
The editable design as a .fig file to import into Figma.

what's inside

  • hero
  • navigation
  • intro
  • 3d gallery
  • lightbox
  • custom cursor
  • spring physics
  • webgl shader
  • camera zoom

stack

  • react
  • vite
  • typescript
  • three
  • gsap
  • webgl
  • svg

fonts

Host Grotesk

Free fonts, linked in the prompt.

colors

  • #F94D27
  • #F5F1E9
  • #EBE5DA
  • #1E1E1E

license

With monthly or yearly: personal and commercial work, client projects included. Don't resell or share the template, prompt or files.

read the license