selvane
proGet the prompt, project and Figma file with monthly ($29 a month) or yearly ($249 a year). Plus tax where it applies.
"Selvane Private", a three-step configurator for a premium metal payment card, built entirely in CSS 3D with no images. The card is a layered metal body with real edge thickness that floats, tilts with the cursor and catches a soft light that follows the pointer; grab it and turn it, and it springs back. Step 01: choose Titanium, Champagne or Obsidian and a light sweeps across the card; type a name and each letter is laser-cut white-hot with a flash and sparks, then cools into the metal. Step 02: Clean, Guilloché, Contour, Olive or Night sky line art is drawn live by a laser spark, its engraving colour matched to the metal. Step 03: a brushed, satin or mirror surface, a raw, ember or ultra painted edge (the card turns to show it), and Turn over for the back with the card number and a signature taken from the name. A 1080 × 1080 board that scales to any window; on phones the card sits on top and the configurator lays out below at full size.
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
- configurator
- steps
- 3d card
- laser engraving
- line art
- drag to turn
- cursor tracking
- form
- touch support
stack
- react
- vite
- typescript
- svg
fonts
Geist, Geist Mono, Instrument Serif
Free fonts, linked in the prompt.
colors
- #070605
- #231F1A
- #EDE7DD
- #C8CBCF
- #E7D1A4
- #E2552B
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

