glass tiles
proGet the prompt, project and Figma file with monthly ($29 a month) or yearly ($249 a year). Plus tax where it applies.
A wall of 48 dark smoked-glass tiles in real 3D, with a violet light behind it. The light comes up off screen and searches across the wall, then settles behind the four centre tiles, which carry the scrambled pieces of one mark cut into the glass. One by one the tiles tip, lift and turn into place with a small flash on each click, until the mark is whole: an open ring with a small satellite. Then the cut flares, the four tiles light up from inside, push out of the wall towards the camera and close ranks into one glowing block, before they drop back, the light dies and the screen goes dark. It plays as a 15-second seamless loop at 1920 × 1080 with a slowly drifting camera. Everything is WebGL 1 on one canvas: a full-screen pass for the light on the back wall, then each tile as a perspective quad with a smoked-glass fragment shader, its edge drawn in slices when it lifts. Every frame is a pure function of time, with window.__render(t) and a ?rec mode for frame-exact video export; Space or R restarts it, and reduced motion shows one still. No fonts, images or text, so it runs offline, and the mark is one signed-distance function you can swap for your own.
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
- smoked glass tiles
- 3d tile wall
- logo reveal
- moving light
- perspective camera
- glow
- autoplay loop
- frame-exact recorder
stack
- react
- vite
- typescript
- webgl
colors
- #040307
- #351C5C
- #663BA8
- #5A309D
- #E5CFF7
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

