LUMAFLUX STUDIO
Parallax gallery
16 modern parallax micro‑interactions
Hover each tile to preview the effect, then open its dedicated source snippet and copy HTML, CSS, or JS in a single click.
Hero nebula parallax
Hero
LUMA HERO
Mouse tilt layers
Floating gradient cards
Stack
FLOAT STACK
Card hover depth
Glass planet orbit
Orbit
ORBITAL HERO
Cosmic focus
Neon skyline parallax
City
CITY DEPTH
Layered skyline
Tilted ribbons parallax
Diagonal
TILT LAYERS
Diagonal hero
Depth card gallery
Showcase
CASE STUDY
Card grid depth
Aurora band parallax
Glow
AURORA HERO
Gradient sky
Pulse rings parallax
Radar
Pulse center
Split hero parallax
Two-tone
SPLIT HERO
Two column hero
Magnet cards parallax
CTA
MAGNET CTA
Hover CTA focus
Layered hills parallax
Landscape
HILLS HERO
Organic background
Orbiting chips parallax
Pricing
PLAN CHIPS
Pricing chips
Window viewport parallax
Image
VIEWPORT HERO
Masked image hero
Spotlight hero parallax
Spot
SPOT HERO
Spotlight CTA
Ribbon stripes parallax
Ribbons
STRIPE HERO
Diagonal ribbons
Grid depth parallax
Grid
GRID HERO
Grid background depth
Code copied