imshengliMOTION
A FIELD GUIDE

Make the
web move.

A field guide to movement on the web. Explore live galleries, playful interfaces and immersive spaces — then open the prompt behind each study.

Browse all 69
69live studies to explore
08ways to find your next idea
∞directions to take it
69live studies to explore
08ways to find your next idea
∞directions to take it
THE COMPLETE INDEX / 69 STUDIES

All studies69

Filter by category or interaction; every card opens a live page.

CATEGORY
INPUT
69 studies
013D Momentum Slider An infinite 3D carousel that snaps into focus after a throw.Galleries · 3D & space 02Cursor Drag Gallery A product carousel you can grab, toss and let settle.Galleries · Cursor effects · Product motion 033D Formation A photo wall that flows between four distinct arrangements.Galleries · 3D & space 04Cursor Cardwall Fourteen cards fan out and respond to the cursor.3D & space · Cursor effects · Product motion 05Scroll Riffle A deck of cards reshaped by six scroll-driven formations.Galleries · 3D & space · Scroll stories 063D Revolver Metal cards orbit an invisible vertical wheel.Galleries · 3D & space 073D Rotunda A dark 3D carousel that opens each photograph full-screen.Galleries · 3D & space 08Scroll Iris A circular shutter opens and closes between photographs.Galleries · Scroll stories 09Scroll Lens Bloom A serif headline bursts into photographs, then gathers again.Galleries · Scroll stories · Typography 10Cursor Frieze A cinematic cover flow with a liquid-glass loupe.Galleries · 3D & space · Cursor effects 11Scroll Aperture An editorial photo wall that bends like a lens as you scroll.Galleries · Scroll stories 12Scroll Folio An editorial portfolio where work and typography move together.Galleries · Scroll stories · Typography 13Scroll Cinema Reel Drag a film reel through a collection of moving-image stories.Galleries · Scroll stories 14Gallery Stream Showcase A streaming shelf with expandable episodes and inline playback.Galleries · Interfaces · Product motion 153D Hardback A 3D bookshelf that opens from spine to purchase panel.3D & space · Product motion 16Scroll Picasso Ecommerce A scroll-driven conveyor belt for browsing art.Galleries · Scroll stories · Product motion 17Cursor Assembly A swarm of work that gathers, opens and scatters.Galleries · 3D & space · Cursor effects 18Scroll Fathom Fly a camera through an endless depth of photographic frames.Galleries · 3D & space · Scroll stories 19Cursor Emulsion Shake a photo wall until the images develop.Galleries · Cursor effects 20Scroll Portfolio Photographer A moving thumbnail procession that breaks into a composition.Galleries · Scroll stories 21Scroll Reverie One image transforms into a deck, then a mosaic of memories.Galleries · Scroll stories 22Cursor Boutique A draggable outfit wall with a closer look at each piece.Galleries · Cursor effects · Product motion 23Scroll Nova Mountain peaks expand into an immersive landscape.Galleries · Scroll stories 24Cursor Alive Photographs rise and stack wherever the cursor goes.Galleries · Cursor effects 25Cursor Shape Trail Geometric forms appear and dissolve behind the cursor.Cursor effects · Playful worlds 26Cursor Membrane A breathing surface that lights up under your hand.3D & space · Cursor effects 27Cursor Liquid Type Letters swell and ripple in response to the cursor.Cursor effects · Typography 28Cursor Filament Threads of light change colour and form on command.3D & space · Cursor effects 29Scroll Pixels An 8-bit scroll story that dissolves one scene into the next.Scroll stories · Playful worlds 30Type Cipher An ASCII terminal that falls apart and reassembles.Typography · Interfaces 31Play Console Type on a retro keyboard and watch its CRT come alive.Interfaces · Playful worlds 32Cursor Cutout Cut through letters to reveal photographs beneath.Galleries · Cursor effects · Typography 333D Crema A 3D phone that rotates through three coffee app concepts.3D & space · Interfaces · Product motion 34Type Aster Four-sided letter dice turn a title into motion.3D & space · Typography 35Cursor Spring Wind moves the letters and petals of a spring scene.Cursor effects · Typography 36Scroll Benchmark A presentation interface with a moving focus lens.Scroll stories · Interfaces 373D Amour Forty photographs converge into a heart, then disperse.Galleries · 3D & space 383D Fluid Gallery Images flow through a WebGL gallery and open into depth.Galleries · 3D & space 39Scroll Marathon A 3D phone travels through a running app and its landscape.3D & space · Scroll stories · Product motion 40Play Atelier A desktop portfolio with draggable files and a living dock.Interfaces · Playful worlds 41Play Desk 95 A nostalgic desktop full of windows, notes and projects.Interfaces · Playful worlds 42Cursor Isle A refractive island that can be grabbed and swung.Cursor effects · Interfaces 433D Pantheon Art masters rotate through a liquid-glass gallery.Galleries · 3D & space 44Cursor Atlas Turn a detailed globe and discover the world beneath.3D & space · Cursor effects · Playful worlds 45Cursor Aurora An iridescent ribbon shaped by the cursor and GPU.3D & space · Cursor effects 46Play Rooster Rush A playable 3D platform world with a tiny hero.3D & space · Playful worlds 47Play Overworld A pixel-art role-playing world built as a portfolio.Interfaces · Playful worlds 48Cursor Moments A gravitational photo wall opens a void around the cursor.Galleries · Cursor effects 49Cursor Burst A cylindrical photo wall smears color as it turns.Galleries · 3D & space · Cursor effects 50Scroll Dimension A photo vortex unfolds into a chain and aperture.Galleries · 3D & space · Scroll stories 513D Morph A 3D photography wall with camera controls.Galleries · 3D & space · Interfaces 52Cursor Meow A scanline 3D cat tears sideways beneath the cursor.3D & space · Cursor effects · Product motion 53Cursor Relay A portrait breaks into a drifting dot-matrix trail.Cursor effects · Product motion 54Interface Lumen Skincare readings draw lines across a portrait.Interfaces · Product motion 55Scroll Serene A misty valley moves with a guided breathing rhythm.Scroll stories · Product motion 56Cursor Fleur Procedural flowers lean toward the cursor.Cursor effects · Product motion 573D Atrium Sunlight sweeps across a white architectural atrium.3D & space · Product motion 58Scroll Skyward Layered clouds and a pagoda rise as you scroll.3D & space · Scroll stories · Product motion 59Scroll Helix A photographic spiral that keeps descending.Galleries · 3D & space · Scroll stories 60Cursor Crate A box of image tiles that unfolds in space.Galleries · 3D & space · Cursor effects 61Cursor Prism Photographs open through a field of rotating blinds.Galleries · 3D & space · Cursor effects 62Cursor Flashlight Reveal photographs by moving a beam of light.Galleries · Cursor effects 63Cursor Viewfinder Frame and inspect photographs through a moving lens.Galleries · Cursor effects 64Cursor Sand Images emerge from thousands of drifting grains.Galleries · Cursor effects 65Cursor Arrange One collection, several transformable layouts.Galleries · 3D & space · Cursor effects 66Scroll Tunnel Travel through a corridor of photographic frames.Galleries · 3D & space · Scroll stories 67Scroll Reel A film strip that advances through the collection.Galleries · Scroll stories 68Cursor Type Photographs appear inside oversized letterforms.Galleries · Cursor effects · Typography 69Cursor Loupe Explore image details with a magnifying lens.Galleries · Cursor effects