Rolodex Research

Exploring Interactive Scroll-Based Rolodex Components with GSAP

1. Classic Rotating Cards

Traditional rolodex with cards rotating on a horizontal axis, creating a cylindrical carousel effect.

3D Transforms • ScrollTrigger • Rotation

2. 3D Flip Carousel

Cards flip like pages in a book with depth and perspective, creating a dynamic reading experience.

3D Perspective • Flip Animations • Scale

3. Stacked Cards

Cards stack on top of each other with perspective depth, sliding away as you scroll through them.

Z-Index Layers • Scale & Opacity • Depth

4. Circular Scroll Wheel

Items arranged in a circle that rotates as you scroll, like a physical rotating file wheel.

Circular Math • Continuous Rotation • Position

5. Split-Flap Display

Inspired by airport displays, cards flip from top to bottom with a mechanical feel.

Split Animation • Timing Functions • Mechanical

Each variation demonstrates different GSAP techniques and scroll-based animations