Dynamic Blur Gallery

Dynamic Blur Gallery

About Dynamic Blur Gallery

The last gallery list you’ll ever need. A listing plus image index that transforms a basic scroll of text and images into a cinematic, high-motion gallery.

Key features

Reveal Engine

  • Blur-first title reveals

  • Text animations: type, scramble, shimmer, glitch, fade

  • Hover-driven motion with full timing control

  • Per-item animation overrides

Dual-Mode Interaction

  • Desktop: hover-to-reveal

  • Mobile: activates when centered on screen

Thumbnail Strip

  • Sliding thumbnail rows

  • Styleable image counters

  • Square → circle radius control

  • Hover-blur inactive items

  • Click to open fullscreen

Fullscreen / Modal

  • Smooth shared-layout transition

  • Scroll-to-close

  • Hover zones for next/previous

  • Crop presets or contain

  • Live filters in modal

Filter Suite

  • Twelve built-in visual filters

  • Intensity sliders

  • Persistent across all views

  • High-DPI rendering

Mobile Experience

  • Center-scroll activation

  • Auto-snapping thumbnails

  • Touch-friendly layout

Background Options

  • Solid, gradient, image, or 4K video

  • Blur, opacity, and depth controls

  • Optional color wash

Performance

  • GPU-accelerated blur and filters

  • Lazy-loaded media

  • Smooth, stable animation

Use Cases

  • Portfolios

  • Galleries and directories

  • Case-study navigation

  • Product showcases

Drop it into your Framer project and simple lists transform into motion-filled galleries.