Eye Gallery
Bring high-motion, curved dual-row kinetic galleries and immersive lightbox interactions to your Framer websites. Created by Karim Saif, Eye Gallery (Eye Ticker) renders continuous, sinuous image streams along customizable mathematical arcs, complete with scroll acceleration, image filter controls, and interactive modal previews.
Sinusoidal Arc Motion: Displays top and bottom image streams moving on opposite or synchronized paths along curved parabolic trajectories.
Scroll Acceleration Physics: Intercepts page scroll events to dynamically boost ticker velocity in real time for a tactile, high-energy scrolling feel.
Infinite Seamless Tiling: Utilizes procedural buffer multiplication to auto-calculate card counts and maintain continuous loop rendering across all screen breakpoints.
Full-Screen Lightbox: Built-in modal engine allows users to inspect images up close with backdrop blur effects, custom overlay opacities, and entrance animations (scale, fade, or none).
Hover Interactions: Smooth hover states with customizable scale factors, rotation angles, and optional pause-on-hover mechanics.
Direct Filter Controls: Fine-tune image aesthetics directly within Framer using hardware-accelerated CSS filters for grayscale, brightness, contrast, and saturation.
Edge Mask Fading: Configurable directional linear gradient masks smooth out gallery entry and exit boundaries.
Custom Shadow & Border Engine: Precise control over card borders, corner radii, shadow offset, blur radius, and shadow color opacity.
🎨 Creative portfolios & design studio showcases
📸 Photography galleries & brand visual boards
🛍 E-commerce product showcases & lookbooks
💻 Modern agency hero sections & interactive visual banners
Made with 💛 by @Karim Saif for Framer Marketplace
Eye Gallery
Bring high-motion, curved dual-row kinetic galleries and immersive lightbox interactions to your Framer websites. Created by Karim Saif, Eye Gallery (Eye Ticker) renders continuous, sinuous image streams along customizable mathematical arcs, complete with scroll acceleration, image filter controls, and interactive modal previews.
Sinusoidal Arc Motion: Displays top and bottom image streams moving on opposite or synchronized paths along curved parabolic trajectories.
Scroll Acceleration Physics: Intercepts page scroll events to dynamically boost ticker velocity in real time for a tactile, high-energy scrolling feel.
Infinite Seamless Tiling: Utilizes procedural buffer multiplication to auto-calculate card counts and maintain continuous loop rendering across all screen breakpoints.
Full-Screen Lightbox: Built-in modal engine allows users to inspect images up close with backdrop blur effects, custom overlay opacities, and entrance animations (scale, fade, or none).
Hover Interactions: Smooth hover states with customizable scale factors, rotation angles, and optional pause-on-hover mechanics.
Direct Filter Controls: Fine-tune image aesthetics directly within Framer using hardware-accelerated CSS filters for grayscale, brightness, contrast, and saturation.
Edge Mask Fading: Configurable directional linear gradient masks smooth out gallery entry and exit boundaries.
Custom Shadow & Border Engine: Precise control over card borders, corner radii, shadow offset, blur radius, and shadow color opacity.
🎨 Creative portfolios & design studio showcases
📸 Photography galleries & brand visual boards
🛍 E-commerce product showcases & lookbooks
💻 Modern agency hero sections & interactive visual banners
Made with 💛 by @Karim Saif for Framer Marketplace
