---
title: "Vertical Slider — Framer component · Best of Framer"
description: "$14.00 · Framer component · by Aidan Looker · Carousels. What is Vertical Slider?"
canonical: "https://framer.elliotli.dev/component/vertical-slider"
---

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

# Vertical Slider

Editorial-style vertical image carousel

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

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

## Summary

What is Vertical Slider?

## Description

## What is Vertical Slider?

Vertical Slider marries striking, edge-to-edge typography with fluid, physics-based image transitions. It automatically scales and measures title text to perfectly fill available container space, creating a dense, editorial aesthetic.

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-8vjwbcr2-RQLDut7AgLOovQEwgaJNpNG4n3n3B6)](https://teampixelau.lemonsqueezy.com/checkout/buy/3b016e8d-2ba4-4944-8431-e2c592334df1)

## Core Features

-   **Auto-Scaling Typography**: Advanced dynamic text sizing automatically calculates exact layout constraints and applies vertical scaling (scaleY) to stretch titles, creating that signature ultra-tall letterform look without breaking layouts.
    
-   **Continuous Three-Image Strip**: Renders previous, current, and next images simultaneously in a vertical stack. Seamless, synchronized spring animations make the carousel feel like an infinite, unbroken visual strip.
    
-   **Smart Trackpad Optimization**: Features a custom-built inertia dampener that detects scroll tails and cooldowns, ensuring a single swipe or mouse wheel flick perfectly snaps to one slide—eliminating frustrating double-jumps.
    
-   **Choreographed Entrances**: Beautiful staggered entrance animations trigger on mount, fading and dropping the text and images smoothly into place for a powerful first impression.
    
-   **Fully Interactive**: Complete navigation options out-of-the-box. Users can navigate via wheel scroll, trackpad swipe, touch drag, keyboard arrows, or by simply clicking the top and bottom peek images.
    

## Controls inside Framer

### Content

-   Slides (Title, Subtitle)
    
-   Images (Array of Responsive Images)
    

### Appearance

-   Theme (Light / Dark / Custom)
    
-   Custom Colors (Background, Text, Number, Subtitle, Arrow)
    

### Layout & Sizing

-   Image Width %
    
-   Image Corner Radius
    
-   Gap
    
-   Show Subtitle / Nav Numbers / Arrows
    

### Typography

-   Title Font (Defaults to Bebas Neue)
    
-   Subtitle Font
    
-   Number Font
    

### Behavior

-   Transition Duration
    
-   Auto Play (On/Off)
    
-   Auto Play Interval
    
-   Wheel Scroll (On/Off)
    
-   Entrance Animation (On/Off)
    

## Best use cases

-   High-end fashion lookbooks or seasonal campaign showcases.
    
-   Editorial-style landing pages that prioritize striking visuals and bold typography.
    
-   Portfolio galleries for photographers or designers looking for a premium, interactive display.
    

Ready to elevate your Framer project with premium editorial design? Drop it in, add your images, and watch it shine.

## Questions or custom requests?

We design and build custom Framer components. Get in touch at [**contact@teampixel.com.au**](mailto:contact@teampixel.com.au).

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

-   All · #10129

## Details

- **Author**: Aidan Looker
- **Price**: $14.00
- **Published**: 2026-06-05
- **Updated**: 2026-06-13
- **Added**: 2026-05-24
- **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