A highly customizable image module designed to choreograph 11 direction-based mask entrances and introduce continuous spatial depth on scroll.
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.
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.
A highly customizable image module designed to choreograph 11 direction-based mask entrances and introduce continuous spatial depth on scroll.
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.
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.
Shouvik Biswas
