---
title: "Vertical Lens Slider — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Munzir Kareem · Carousels. Vertical Lens Slider A vertical image slider with a WebGL-powered lens distortion effect."
canonical: "https://framer.elliotli.dev/component/vertical-lens-slider"
---

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

# Vertical Lens Slider

infinite slider with lens warp

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

![Vertical Lens Slider preview image 1](https://framer.elliotli.dev/og/component/vertical-lens-slider/a8957f7ecf7e47c4/1600x1200.jpg)

## Summary

Vertical Lens Slider A vertical image slider with a WebGL-powered lens distortion effect.

## Description

**Vertical Lens Slider**

A vertical image slider with a WebGL-powered lens distortion effect. Slides warp and bulge in response to scroll speed and direction, then settle smoothly when scrolling stops. Built with Three.js for a fluid, tactile feel that goes beyond a standard carousel.

**Features:**

-   Infinite vertical loop with seamless wraparound, no jump cuts at the start or end
    
-   Randomized masonry-style slide heights for a natural, editorial layout
    
-   Lens warp effect driven by scroll velocity, adjustable strength or fully disabled
    
-   Multi-input support: mouse wheel, click-drag, and touch swipe, all with momentum
    
-   Keyboard navigation (arrow keys) with visible focus ring for accessibility
    
-   Optional overlay showing slide name and index counter
    
-   Automatically pauses rendering when off-screen to save performance
    
-   Recovers gracefully from WebGL context loss
    
-   Static fallback layout for the Framer canvas editor and exports, matching the live version exactly
    
-   Fully responsive images with alt text support
    

**Customization:**

-   Add unlimited slides, each with its own name and image
    
-   Adjust text color, overlay padding, and font
    
-   Control lens distortion strength from subtle to dramatic
    

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

-   All · #5481

## Details

- **Author**: Munzir Kareem
- **Price**: $10.00
- **Published**: 2026-07-27
- **Updated**: 2026-07-27
- **Added**: 2026-07-27
- **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