library

effects

mcp

glass folders

pro

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

A motion study of file folders made of glass. A camera visits four folders laid out two by two on a soft light-grey stage, each a back panel with a tab, up to four files standing in it and a glass flap in front that shows a live blurred copy of the files behind it. Moodboard is frosted white glass: a photo sweeps in big from in front of the camera, then a brief and another photo land one by one. Night Shots is smoked glass: a shot list and a photo flip in from the sides, showing their milky backs as they spin. Palettes is violet glass: three files drop in together as a bundle. Renders is fluted glass, its 12-px ribs slicing the files behind: a quick queue of two from above. As each file lands the counter under the folder's name rolls to the new number (it always equals the files inside), a pip fills, a glint runs across the flap, the flap breathes open and the folder dips. Then the camera pulls back to all four, full, and the piece fades and loops. Photos carry name pills (tone_study.png, pour_02.jpg), papers a coloured badge and text lines. Drawn on one Canvas 2D with a 3D tilt and React, twelve abstract AI-made photos, Host Grotesk and Geist Mono, scales to fit any window, Space or R restarts it, and frame-exact rendering (?rec, window.__render(t), window.__ready, window.__LOOP, window.__MANUAL).

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

  • folders
  • file manager
  • frosted glass
  • smoked glass
  • tinted glass
  • fluted glass
  • backdrop blur
  • file upload
  • flip animation
  • counter roll
  • progress pips
  • glint
  • camera moves
  • 3D tilt
  • canvas 2d
  • autoplay loop
  • frame-exact recorder

stack

  • react
  • vite
  • typescript
  • canvas

fonts

Host Grotesk, Geist Mono

Free fonts, linked in the prompt.

colors

  • #E8E8E5
  • #F7F7F5
  • #FFFFFF
  • #16161A
  • #34343B
  • #7C5CFF
  • #2C1C96
  • #AEBBD2

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