Demo · 01
PDP & Collection Patterns
Six animations
gaming brands actually ship.
Reference patterns inspired by Logitech G Superstrike, Kreo Swarm, Epomaker RT98, Razer laptops, and Epomaker / Kreo collection pages. Hover, click, drag — every block is live.
01
Hero scrub — Logitech-style
Drag the rail to rotate the product. Glow & specs animate with scrub position.
DPI 11,720
Tilt -9°
PRO X2 · Concept
Superstrike Mouse
Scrub to inspect. The hero glow, tilt, and DPI readout all interpolate from one shared t value (0–1).
Sensor
32K
Weight
60g
Poll
8K Hz
IdleEsports
02
Color variant morph — Kreo-style
Swap colorways with a fluid hue/cross-fade transition. Background reacts.
Swarm 75 · Eclipse
A keyboard that flexes its colorway.
Pick a variant — gradient, accents, key glow, and ambient halo all morph together with a 500ms scale-fade.
03
Switch tester — Epomaker-style
Click each key. Travel, sound-wave, and switch type animate live.
RT98 · Switch lab
Hear before you buy.
Each key has its own switch type. Press to feel the travel & see the sound radiate.
Active switch
— tap a key —
Travel
—
Force
—
Life
—
04
Neon spotlight grid — Razer-style
Cursor-tracked spotlight follows the grid; cards lift with conic glow on hover.
Razer
Blade 14
RTX 5070 · 14″ OLED
$2,299Configure →
Razer
Blade 16
RTX 5080 · 16″ OLED
$3,199Configure →
Razer
Blade 18
RTX 5090 · 18″ Mini-LED
$4,499Configure →
Razer
Blade Stealth
Ultrabook · 13″
$1,799Configure →
Razer
Blade Pro
Workstation · 17″
$3,899Configure →
Razer
Blade Edge
Concept · Foldable
$5,299Configure →
05
Quick-shop hover — Epomaker collection
Hover a card to fan out variants and slide up the spec strip + add-to-cart.
$189
Demo · 02
Shadow TKL
Demo · 03
Kernel 60
Demo · 04
Bloom Alice
06
Marquee filter rail — Kreo collection
Animated category marquee with magnetic pills; tap to filter the grid below.
Wireless
Strix
RGB
Nova
Esports
Apex
Lightweight
Pulse
Wired
Drift
Pink
Glide
Black
Echo
RGB