Skip to content

component

Depth slider

By Bob Torfs

Details

Summary

A centered slider with 3D perspective

Description

Perspective Slider is a visually rich carousel built around depth, focus, and spatial motion. The active card always sits centered in a flat, 2D state, while the surrounding cards tilt inward using a subtle 3D perspective. This creates a natural sense of hierarchy and direction without overwhelming the layout. Users can navigate through the slider using arrow controls or by clicking directly on any visible card. When switching, the newly selected card moves into the center and flattens, while the previous center card shifts left or right and adopts the 3D tilt — keeping the structure consistent at all times. The slider loops infinitely, making it ideal for galleries, featured work, product showcases, or editorial content where visual continuity and depth matter. Features: Infinite looping slider Center-focused 2D card 3D tilted side cards Arrow and click-based navigation Smooth perspective transitions Responsive and fully customizable

Introduction

A centered slider with 3D perspective

Rank history

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

120014001600168028/148/228/309/79/15
  • All · #5715