[ 01 — SPECIMEN ARCHIVE ] · DEPTH -0120M
SPECIMEN 000 — 3D MOTION DEPTH -0088M · STATUS: LIVE
Cinematic 3D scroll site for a fictional Swiss luxury watch maison — scrolling spins the tourbillon chronograph through a 144-frame canvas orbit, while AI-generated macro and exploded-assembly films scrub frame-perfectly with the scroll.
OPEN LIVE PREVIEWSPECIMEN 001 — LANDING DEPTH -0450M · STATUS: LIVE
Premium AI interior design studio landing page with gorgeous layouts, high-end typography, before/after slider comparison, pricing interactive toggles, and smooth scroll animations.
OPEN LIVE PREVIEWSPECIMEN 002 — LANDING DEPTH -0520M · STATUS: LIVE
Luxury editorial architecture and interior design portfolio template with custom WebGL grain background, GSAP-driven horizontal slide-ins, and elegant responsive grid galleries.
OPEN LIVE PREVIEWSPECIMEN 003 — LANDING DEPTH -0740M · STATUS: LIVE
Fitness landing built in vanilla JS where the hero video is scrubbed frame-accurate by scroll with lerp smoothing — headline characters dissolve on descent while sections stack sticky beneath each other.
OPEN LIVE PREVIEWSPECIMEN 004 — 3D MOTION DEPTH -1480M · STATUS: LIVE
Cinematic space-travel hero in React — layered 3D depth, blur-text entrances and liquid-glass panels, every beat choreographed in Framer Motion.
OPEN LIVE PREVIEWSPECIMEN 005 — SAAS DEPTH -2260M · STATUS: LIVE
Developer-framework landing where the hero video is decomposed into canvas frames and scrubbed by scroll — particle fields and mask reveals carry the rest of the page.
OPEN LIVE PREVIEWSPECIMEN 006 — BRAND DEPTH -3300M · STATUS: LIVE
Luxury-minimal agency site in React + Framer Motion — liquid-glass surfaces floating over full-bleed video sections, with restraint doing the heavy lifting.
OPEN LIVE PREVIEWSPECIMEN 007 — HERO DEPTH -3520M · STATUS: LIVE
Collectible-figure hero in React where a 3D character carousel spins vinyl toys into the spotlight — toy-store energy with razor-sharp Tailwind layout.
OPEN LIVE PREVIEWSPECIMEN 008 — HERO DEPTH -3760M · STATUS: LIVE
Cinematic fullscreen hero with a looping video background and Instrument Serif display type — a studio opener built on quiet confidence.
OPEN LIVE PREVIEWSPECIMEN 009 — HERO DEPTH -4010M · STATUS: LIVE
The Asme identity distilled into a single viewport — liquid-glass UI floating over a full-screen looping video, dark and cinematic.
OPEN LIVE PREVIEWSPECIMEN 010 — HERO DEPTH -4230M · STATUS: LIVE
Coding-education hero streaming its background video over HLS — dark theme, self-hosted fonts, React running straight from vendor bundles.
OPEN LIVE PREVIEWSPECIMEN 011 — HERO DEPTH -4480M · STATUS: LIVE
Pet-store hero locked to a single viewport — no scroll, three fully rethought responsive breakpoints instead of one squeezed layout.
OPEN LIVE PREVIEWSPECIMEN 012 — HERO DEPTH -4720M · STATUS: LIVE
Future-city hero riding a full-bleed video of a neon metropolis — typography and UI kept minimal so the motion does the talking.
OPEN LIVE PREVIEWSPECIMEN 013 — HERO DEPTH -4950M · STATUS: LIVE
Design-agency hero with self-hosted Instrument Serif and Inter, plus a fully animated hamburger menu — mobile treated as a first-class layout.
OPEN LIVE PREVIEWSPECIMEN 014 — HERO DEPTH -5180M · STATUS: LIVE
Light-mode hero on a porcelain #EDEEF5 base with brand-green accents — glassmorphic navbar and Motion-driven entrances, polished to a shine.
OPEN LIVE PREVIEWSPECIMEN 015 — HERO DEPTH -5420M · STATUS: LIVE
Geology-brand hero where a cursor-following spotlight reveals a second image through a soft circular mask — the page literally responds to your hand.
OPEN LIVE PREVIEWSPECIMEN 016 — HERO DEPTH -5660M · STATUS: LIVE
Organic-odyssey hero blending a cinematic nature loop with Framer Motion entrances — lush, slow and deliberate.
OPEN LIVE PREVIEWSPECIMEN 017 — HERO DEPTH -5890M · STATUS: LIVE
Full-viewport cinematic hero — “Step Through. Work Smarter.” — every element entering on staggered blur-fade-up delays.
OPEN LIVE PREVIEWSPECIMEN 018 — HERO DEPTH -6120M · STATUS: LIVE
DeFi dashboard hero in sleek glassmorphism — frosted panels, Motion micro-animations and a premium fintech sheen.
OPEN LIVE PREVIEWSPECIMEN 019 — HERO DEPTH -6350M · STATUS: LIVE
Clean white AI-product hero — Inter typography, centered max-width layout and custom CSS keyframe animations, no dark-mode crutch.
OPEN LIVE PREVIEWSPECIMEN 020 — HERO DEPTH -6580M · STATUS: LIVE
Fullscreen looping video hero with a glassmorphic nav and cinematic typography — built on shadcn/ui primitives without looking like it.
OPEN LIVE PREVIEWSPECIMEN 021 — HERO DEPTH -6810M · STATUS: LIVE
Personal-brand hero built around 200px display type with tight negative tracking — the name is the layout, revealed line by line.
OPEN LIVE PREVIEWSPECIMEN 022 — HERO DEPTH -7040M · STATUS: LIVE
Wellness-supplement hero with word-by-word headline reveals over a botanical backdrop, closing on a three-panel footer strip.
OPEN LIVE PREVIEWSPECIMEN 023 — HERO DEPTH -7280M · STATUS: LIVE
Always-on AI wellness companion introduced in a single breathing viewport — looping ambient video beneath calm, minimal UI.
OPEN LIVE PREVIEWSPECIMEN 024 — LANDING DEPTH -7510M · STATUS: LIVE
Dark Kanit-typeset portfolio for a 3D artist — a wall of animated project marquees scrolling in opposite directions, driven by Framer Motion.
OPEN LIVE DEMOSPECIMEN 025 — LANDING DEPTH -7740M · STATUS: LIVE
Creative-studio landing in three acts — hero, about, features — dark and moody with a warm cream palette and Framer Motion pacing.
OPEN LIVE DEMOSPECIMEN 026 — LANDING DEPTH -7980M · STATUS: LIVE
Private-jet landing exported statically from Next.js — full-viewport video, muted luxury type and charter-grade restraint.
OPEN LIVE DEMOSPECIMEN 027 — LANDING DEPTH -8210M · STATUS: LIVE
Dental-clinic landing — splash screen, fixed navbar and three full-screen sections, everything hand-rolled in one App.tsx with zero UI libraries.
OPEN LIVE DEMOSPECIMEN 028 — LANDING DEPTH -8450M · STATUS: LIVE
Design-agency landing whose hero background is a live GPU shader — three sections of generative color running beneath crisp agency copy.
OPEN LIVE DEMOSPECIMEN 029 — LANDING DEPTH -8690M · STATUS: LIVE
The Asme brand rebuilt as a full black one-pager — Instrument Serif italics, philosophy and about chapters, Framer Motion holding the rhythm.
OPEN LIVE DEMOSPECIMEN 030 — LANDING DEPTH -8930M · STATUS: LIVE
Neural-AI interface landing set entirely in Space Mono — black screen, white text, full-viewport video sections and a watermark display face.
OPEN LIVE DEMOSPECIMEN 031 — LANDING DEPTH -9170M · STATUS: LIVE
NFT drop site in four sections of deep-space video — liquid-glass panels, Anton display type and self-hosted everything.
OPEN LIVE DEMOSPECIMEN 032 — LANDING DEPTH -9420M · STATUS: LIVE
Dark personal portfolio mixing GSAP scroll choreography with Framer Motion micro-moves and HLS-streamed video — three motion systems, one voice.
OPEN LIVE DEMOSPECIMEN 033 — LANDING DEPTH -9680M · STATUS: LIVE
Newsletter platform in strict monochrome — pure black, white foreground, Instrument Serif italics as the only ornament allowed in.
OPEN LIVE DEMOSPECIMEN 034 — LANDING DEPTH -9940M · STATUS: LIVE
SaaS hero for a citation tool — “Get cited. Effortlessly.” — full-viewport, icon-precise and lean enough to load instantly.
OPEN LIVE DEMOSPECIMEN 035 — LANDING DEPTH -10902M · STATUS: LIVE
Web-design agency landing in two full-screen movements — liquid-glass surfaces, blur/fade choreography and digital experiences built to outlast trends.
OPEN LIVE DEMOSPECIMEN 036 — HERO DEPTH -11140M · STATUS: LIVE
AI plant-design product hero on a bright base — Poppins UI paired with Source Serif italics, a looping botanical video breathing behind the copy.
OPEN LIVE PREVIEWSPECIMEN 037 — HERO DEPTH -11380M · STATUS: LIVE
Studio hero pairing Instrument Serif display italics with Inter over a full-bleed looping video — warm, confident and quietly premium.
OPEN LIVE PREVIEWSPECIMEN 038 — HERO DEPTH -11620M · STATUS: LIVE
Minimal design-studio hero with self-hosted Inter and a looping showreel video — restraint carrying the whole viewport.
OPEN LIVE PREVIEWSPECIMEN 039 — SAAS DEPTH -11860M · STATUS: LIVE
Automation-SaaS landing where Instrument Serif accents float over Inter body copy and a full-bleed workflow video — smarter automation, sold on calm.
OPEN LIVE PREVIEWSPECIMEN 040 — BRAND DEPTH -12100M · STATUS: LIVE
Retro-futurist creative-agency site set in self-hosted Helvetica Now — analog warmth and grid discipline over a looping video backdrop.
OPEN LIVE PREVIEWSPECIMEN 041 — LANDING DEPTH -12340M · STATUS: LIVE
Meditation-app landing across four full-screen video movements — Instrument Serif italics carrying “clarity in an endlessly noisy universe.”
OPEN LIVE PREVIEWSPECIMEN 042 — HERO DEPTH -12580M · STATUS: LIVE
Light-mode space-exploration hero with a live typewriter telemetry feed and mask-clipped rise-in headlines — React and Framer Motion compiled in the browser.
OPEN LIVE PREVIEWSPECIMEN 043 — SAAS DEPTH -12820M · STATUS: LIVE
Data-AI SaaS hero built around a frosted glass command box floating over a looping video — Fustat display type, GPT-4o badge and all.
OPEN LIVE PREVIEWNO SPECIMENS AT THIS DEPTH — ADJUST THE FILTER.