---
title: "Eye Ticker Gallery — Free Framer component · Best of Framer"
description: "Free Framer component · by Karim Saif · Carousels. Customizable mathematical arcs"
canonical: "https://framer.elliotli.dev/component/eye-ticker-gallery"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/Eye Ticker Gallery

# Eye Ticker Gallery

Customizable mathematical arcs

[View on Framer](https://framer.com/marketplace/components/eye-ticker-gallery/?via=elliot-li)

![Eye Ticker Gallery preview image 1](https://framer.elliotli.dev/og/component/eye-ticker-gallery/df0b9f0d34429d55/1600x1054.jpg)

## Summary

Customizable mathematical arcs

## Description

**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.

## 🌌 What It Does

### 👁 Curved Dual-Row Kinetics & Infinite Loop

-   **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.
    

### 🔍 Interactive Lightbox & Modal Preview

-   **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.
    

### 🎨 Built-In Image Processing & Visual Styling

-   **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.
    

## 🚀 Best Used For

-   🎨 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](/community/creator/@karim-saif/) for Framer Marketplace

## Rank history [How rankings work →](/terms#rankings)

-   All · #3066

## Details

- **Author**: Karim Saif
- **Published**: 2026-07-30
- **Updated**: 2026-07-30
- **Added**: 2026-07-30
- **Categories**: Carousels

## More like this

-   [Screen Stage Mockup](/component/screen-stage-mockup) — Aisol Studio · $14 — Your screens in synced devices
-   [Team Reel](/component/team-reel) — Ali Musa · Free — Interactive Team Showcase
-   [Slider](/component/slider) — MAS · Free — A smooth, customizable slider.
-   [Cascade Card Slider](/component/cascade-card-slider) — Tim Yeng · Free — Cards that cascade into view