Emulsion
Exceptional
You can clone, edit, and host in modulify.ai
More sections
Explore the collection
- New
FriezeA dark, theme-aware 3D cover-flow wall of cinematic frames. On load the panels streak in with heavy horizontal motion blur, straighten into a line, then zoom into a settled flat-plane wall where the centre frame sits head-on and the side frames rotate inward and read a little larger toward the corners. Scroll, drag (axis-locked), or arrow-key through the reel on spring momentum with a clean snap — no auto-drift, it rests composed. Frames in motion smear with a fine 18-level chromatic-aberration blur while the corner frames carry a permanent soft edge aberration, so the wall always has depth. A liquid-glass VIEW lens magnetically tracks the cursor over the wall — real refraction on Chromium, a frosted fallback elsewhere — and reads CLOSE while a frame is open. Click any frame and it flies to a centred medium hero with feathered corners as the rest of the wall tilts edge-on and recedes; a caption then resolves beneath it in a staged second beat — index, hairline rule, serif project name and a one-line description, each line rising and de-blurring in turn. Esc, the close button, or a click returns the frame to its exact slot. One requestAnimationFrame clock owns every transform, opacity and filter; GSAP tweens only the single open/close scalar and the name reveal, so the physics and the chrome never fight. Theme-aware light and dark, keyboard-operable, honours prefers-reduced-motion, DPR-capped, and verified in a 390-wide mobile portrait. Ships as a reusable component that takes any array of image frames with a name and description as data. - New
IrisA full-bleed photographic portfolio that moves like a camera lens. A large circle of focus holds each photograph — bright and sharp — over the same image blown full-bleed and gently dimmed so the two-line serif title (Playfair) reads, framed by three thin concentric rings with cardinal nodes. To travel between frames the picture doesn't cut or slide — a real camera-lens iris shuts over it: a dark round aperture closes inward to a shrinking hole until the frame is black, the photo swaps under cover of black, then the aperture opens again to reveal the new shot as the title lands a beat later. The prev/next buttons are Apple-style liquid-glass camera lenses that refract the photo behind them and blink on each shot. Wheel, drag/swipe, or arrow keys all drive it; slides mix colour and editorial black & white. A single requestAnimationFrame clock owns the aperture timeline; GSAP owns the title. Orientation-aware so the circle fills any screen; honours prefers-reduced-motion with a slow, gentle crossfade that never flashes to black. - New
AtlasAn interactive realistic Earth you explore country by country. On load the globe scales up from a point on a blue stage and the headline EXPLORE YOUR WORLD resolves with the globe sitting as the O. The Earth auto-rotates and you can drag to spin it with momentum; a day/night terminator, an ocean specular glint, a drifting cloud shell and a fresnel atmosphere make it feel alive. HOVER any of ~180 countries and it fills RED and names itself — pixel-accurate picking driven by a country ID map rasterised at runtime from world boundary data (GeoJSON), so every country on Earth is selectable. CLICK a country and the globe glides aside as the name goes big and a panel of that country's cultural highlights slides in — landmarks with real photos and a line of story; open a highlight and it fills the screen as a cinematic full-bleed with COUNTRY · PLACE. Eight countries ship richly built (China, Japan, France, Italy, Egypt, Brazil, Peru, USA) with an extensible, ISO-keyed data model so any of the rest can be fleshed out by dropping in content. One Three.js scene owns the Earth, the clouds, the atmosphere and the ID map; one requestAnimationFrame clock drives the spin, the momentum and the sun; GSAP owns the scale-in entrance and the open/close glide. Custom shaders handle the day/night lighting and the linear→sRGB grade, the globe rights itself after a vertical drag, DPR is capped, it pauses when hidden, and it disposes every texture, geometry and material on unmount. Ships as a reusable component that takes any array of country content as data. - New
ReverieA full-viewport, scroll-driven gallery of cinematic, dream-lit portraits. It opens on one full-bleed hero image — a red-and-teal split-light face — with a quiet manifesto laid across it as a loose word-grid. Scroll and that single image SHRINKS in place into one small card floating in a dusk void; the card proves to be a deck and RIFFLES into an upright diagonal staircase of portrait plates; the staircase PARTS into two corner stacks as the title 'Imagined Light' resolves in the clearing between them (a staged second beat); the stacks unfurl into two upright edge COLUMNS; and the columns MULTIPLY INWARD into a full, edge-to-edge mosaic wall. Once the wall forms, the cursor PANS across it and HOVERS a tile to spotlight it — lifting and tilting it toward the cursor in true 3D while the rest dim and a printed number and italic title fade in. CLICK any tile and it lifts off the wall as a full, uncropped 'print' on a soft matte with a gallery placard beneath it, the wall sinking into shadow behind. ONE requestAnimationFrame clock owns every card's transform, opacity and depth, scrubbed by a single progress scalar the wheel or a vertical touch-drag drives; a single tween handles only the load-in envelope. Theme-aware (an always-dusk void or a warm paper stage), keyboard-scrubbable, honours prefers-reduced-motion, pauses off-screen and in hidden tabs, DPR-capped, and verified in a 390-wide mobile portrait with its own large-tile layout. No HUD, no hint text.