Parallax Reveal

Parallax Reveal

About Parallax Reveal

A highly customizable image module designed to choreograph 11 direction-based mask entrances and introduce continuous spatial depth on scroll.

Features

  • 11-axis mask origin selection (edges, corners, and centers) for dictating the geometric expansion of the image.

  • Responsive image mapping for seamless integration of custom visual assets.

  • Configurable background color support for defining the negative space visible prior to the image entrance.

  • Granular border radius adjustments for shaping the container geometry from sharp edges to rounded forms.

  • Scroll-linked spatial depth manipulation for dialing in the exact vertical travel distance of the image layer.

  • Parallax vector reversal for alternating the structural rhythm and direction of scrolling content.

  • Modular entrance architecture for utilizing the component as a pure parallax frame or a choreographed reveal.

  • Adjustable animation pacing for refining the duration and easing curve of the entrance motion.

  • Configurable intersection thresholds for dictating precisely when the entrance animation fires based on viewport proximity.

  • Native alt text integration for maintaining structural semantics and screen reader compatibility.

  • Automatic motion dampening for respecting system-level accessibility preferences seamlessly.

  • Hardware-accelerated scroll tracking for fluid, stutter-free continuous motion and sub-pixel rendering.

How to Use

  • Drop the component into your Framer canvas.

  • Upload your image and configure the component properties.

  • Publish your project to view your component live.

Elevate your static assets with cinematic, coordinate-based motion.