---
title: "Diagonal Slideshow — Free Framer component · Best of Framer"
description: "Free Framer component · by Anux · Carousels. Diagonal Slideshow is a slider built around one strong composition: previous top-left, next bottom-right, the active slide in between."
canonical: "https://framer.elliotli.dev/component/diagonal-slideshow"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/Diagonal Slideshow

# Diagonal Slideshow

An image slider on the diagonal.

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

![Diagonal Slideshow preview image 1](https://framer.elliotli.dev/og/component/diagonal-slideshow/6f6fcb3ac55698c7/1600x1200.jpg)

## Summary

Diagonal Slideshow is a slider built around one strong composition: previous top-left, next bottom-right, the active slide in between.

## Description

Diagonal Slideshow is a slider built around one strong composition: previous top-left, next bottom-right, the active slide in between. It reveals itself on scroll, tilts on hover, and scrambles its titles into place. Every detail — motion, type, color, radius — is tunable from the properties panel.

[Component Preview](https://diagonalslider.framer.website/)

## **Features:**

-   Diagonal layout with adjustable side peek
    
-   3D tilt and hover zoom on the active slide
    
-   Custom follow cursor
    
-   Two navigation styles: slide back or fly out
    
-   Scroll-triggered entrance, letter-scramble titles
    
-   Per-slide links with smooth anchor scrolling
    
-   Infinite or counted looping
    
-   Full typography, color, and radius controls
    
-   Static on canvas, animated on your site
    

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

-   All · #3311

## Details

- **Author**: Anux
- **Published**: 2026-07-15
- **Updated**: 2026-07-15
- **Added**: 2026-07-15
- **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