---
title: "Horizontal Slider — Framer component · Best of Framer"
description: "$8.00 · Framer component · by Hasan Wali · Carousels. Infinite Perspective Image Slider"
canonical: "https://framer.elliotli.dev/component/horizontal-slider"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/Horizontal Slider

# Horizontal Slider

Infinite Perspective Image Slider

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

![Horizontal Slider preview image 1](https://framer.elliotli.dev/og/component/horizontal-slider/b30ad7c2fee7538e/1600x1200.jpg)

## Summary

Infinite Perspective Image Slider

## Description

**About this Component**

Haytham Depth Slider is an infinite perspective image slider for immersive portfolios, editorial layouts, landing pages, and visual showcases. Images form a continuously looping stream that grows across the frame, creating a smooth sense of depth while staying fully responsive.

Use wheel or trackpad input, mouse/touch dragging, or optional keyboard navigation to move through the gallery. Motion smoothing, perspective growth, sizing, ratio, fit, and positioning are adjustable directly in Framer.

**Perfect For**

• Creative portfolios and agency sites • Photography and editorial galleries • Fashion, architecture, and art showcases • Immersive landing-page sections

**Key Features**

• Infinite looping perspective image stream • Responsive image uploads with srcSet support • Smooth wheel and trackpad interaction • Mouse, pen, tablet, and mobile dragging • Optional left/right keyboard navigation • Adjustable size, growth, ratio, fit, and Y offset • Independent wheel and drag speeds • Adjustable motion smoothing • Static-renderer-safe Canvas preview • Pauses animation when offscreen • Clean settling with no resting jitter • Scoped interactions with no global page manipulation

**How It Works**

Add your images, resize the component to any frame, then tune Appearance, Layout, Motion, and Interaction from the property panel. Images recycle automatically to create a seamless stream. Wheel, drag, and keyboard controls can each be enabled or disabled independently.

**Questions?** Reach out at [hasanwali6890@gmail.com](mailto:hasanwali6890@gmail.com)

**Refund Policy**

All sales are final upon purchase as this is a non-tangible digital product. Refunds are only considered if a critical technical failure prevents the component’s core functionality and the issue cannot be reasonably resolved. Refunds are not provided for buyer’s remorse, aesthetic preference, or post-purchase modifications. Report confirmed technical failures with evidence within 14 days of purchase.

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

-   All · #10331

## Details

- **Author**: Hasan Wali
- **Price**: $8.00
- **Published**: 2026-08-28
- **Updated**: 2026-09-19
- **Added**: 2026-08-28
- **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