---
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 · #3222

## Details

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

## More like this

-   [3DCurvedImageMarquee](/component/3dcurvedimagemarquee) — Lera · $4 — Curved perspective double ticker
-   [Orbit Kit Carousel](/component/orbit-kit-carousel) — Khairul Fauzy Khairudin · $12 — 3D drag carousel with inertia
-   [Team Orbit](/component/team-orbit) — Ali Musa · Free — Interactive Team Showcase
-   [Glow Testimonial](/component/glow-testimonial) — Interface Studio · Free — Testimonials with a Little Glow