Explore

TILToooTILT — Everything Has Weight

PRO
Screenshot of TILToooTILT — Everything Has Weight
Creative StudioPublished
  • 3D
  • Animation
  • Dark
  • Editorial
  • WebGL

Palette

Typography

  • Primary

    Times New Roman
    Weights
    400, 700
    Fallback
    Georgia, 'Nimbus Roman No9 L', serif

  • Secondary

    Tiny5
    Weights
    400
    Fallback
    monospace

About this design

A full-viewport, physics-led fashion collage that builds an extravagant brick-walled salon from floating cut-out objects, with cursor-controlled tilt and a dense theatrical still-life composition.

Prompts

Pro access

Six prompts, in build order. Pro unlocks all six, ready to paste into your AI tool.

  • Main build prompt
  • Build frontend
  • Generate assets
  • Add animations
  • Responsive polish
  • Final visual polish

Build Recipe

Framework

  • React
  • Vite
Agent
Codex
Model
GPT 6 AstraThe WebGL collage scene needs sustained multi-file reasoning for transparent-plane layering, timeline choreography, responsive art direction, and weighted pointer motion.

Creative tools

  • Nano Banana

Libraries

  • Three.js· Detected
  • GSAP· Detected
  • Lenis· Detected
  • Three.js
  • GSAP
  • Lenis

Special requirements

A high-resolution transparent cut-out asset pack, a reference-ratio WebGL canvas, layered room artwork, and careful depth/order management are essential. Audio can be offered as an optional muted-by-default enhancement.

AI Replicability

85 / 100

The spatial composition and broad animation arc are reproducible, but fidelity depends heavily on a coherent bespoke cut-out library and nuanced, convincing settling behaviour.

Main remaining challenge

Creating a stylistically coherent transparent asset library and making dozens of overlapping collage objects feel heavy, legible, and physically settled rather than randomly scattered.

Credits

Featured for design inspiration and analysis.

Are you the designer? Claim this workRequest removal

Original website, branding and assets remain the property of their respective owners. Content policy

Design analysis

Pro analysis

Understand why the design works

The written breakdown of this design: composition, hierarchy, spacing, imagery and the decisions behind the details — the part that tells you what to keep and what to change.

Upgrade to Pro