library

effects

mcp

stack glass

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 a storage app made of dark glass, on a laptop on a grey studio backdrop. The screen runs lamel: a frosted-glass sidebar with traffic lights, the wordmark, a menu (Overview, Files, Uploads, Shared links, Activity with a red dot), Help, Settings, Log out and the account, Nora Vale. A cursor clicks through it. Overview: 412 GB of 1 TB in a three-part storage bar, a file count that ticks from 18,204 to 18,228 as Leo's row slides into the recent activity (Mira, Ivan, Ada), 342 shared with 12 expiring soon, 16 members. Files: three groups of glass folders (Brand kit, Research, Specs, Renders, Moodboard, Fonts, 2025, Scans, Audio); the cursor rests on Research, which lifts, tips its smoked front flap open, glows and raises its two sheets. Uploads: a drop zone and three uploads with progress bars, the first reaching Done; the cursor drags Logo v4.fig onto the drop zone, which lights up, and it joins the list. Each click springs the highlight and the red bar to the next item and pops its icon; page titles roll up and in; cards rise in one after another; behind the glass a light beam breathes and specks drift down. Built with React, a Canvas 2D background and CSS backdrop blur, Geist and nine Lucide icons; it scales to fit any window, Space or R restarts it, and it renders frame-exact (?rec, window.__render(t), window.__ready, window.__LOOP).

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

  • dashboard
  • file manager
  • cloud storage
  • sidebar navigation
  • frosted glass
  • backdrop blur
  • glass folders
  • drag and drop
  • upload progress
  • activity feed
  • storage meter
  • counter
  • animated cursor
  • laptop mockup
  • light beam
  • canvas 2d
  • autoplay loop
  • frame-exact recorder

stack

  • react
  • vite
  • typescript
  • canvas

fonts

Geist

Free fonts, linked in the prompt.

colors

  • #040404
  • #FFFFFF
  • #FF3B30
  • #A9A9A9
  • #7D7D7D
  • #5C5C5C
  • #3A3A3A
  • #111111

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