Skip to content

component

Diagonal Photos

By Ahmet Loca

Details

Summary

Diagonal Photos is a image carousel that fans square cards on a diagonal stack.

Description

About Diagonal Photos Diagonal Photos is a image carousel that fans square cards on a diagonal stack. The active card stays centered while neighbors rotate, scale, and offset on the Y axis, creating a layered deck instead of a flat slider. Browse with arrows, dots, keyboard keys, or a click on any inactive card. Built for galleries, portfolios, product stories, and editorial layouts that need motion without extra setup. Diagonal fan layout with rotation, scale, and Y offset Spring motion on the track and on each card Paper-like dark and light themes plus a custom color mode Control-panel colors for background, text, muted, accent, panel, and halo Glass-style control pill with accent dots and prev/next buttons Title overlay with bottom-left, bottom-center, or center alignment Instrument Serif titles and Manrope UI to match a product-desk design system Keyboard support with left and right arrows Use Cases Portfolio and personal branding websites Creative agency and studio pages Product showcase and feature sections Photography and visual storytelling sites Fashion and lifestyle landing pages Architecture and interior design portfolios Editorial and magazine-style layouts SaaS marketing and feature highlight pages Event and conference websites Lookbooks, moodboards, and campaign galleries Keywords diagonal carousel, stacked card carousel, framer carousel component, image card stack, fan carousel, rotate scale offset cards, spring carousel, glass control pill, dark light custom theme, overlay title carousel, portfolio gallery framer, editorial image slider

Introduction

Diagonal photo stack, click to bro

Rank history

Daily rank per list, from the first snapshot — lower is better.

12001400142319/149/149/149/149/15
  • All · #3612