Dev Design Library

Slat Flip Carousel

The image is split into horizontal louver slats that flip 180° about their own axis in a stagger — the new slide rides in on the back of each slat like rotating window blinds. Auto-advances; arrows flip the louvers in either direction.

Slat Flip Carousel preview
Library
Pixel Perfect
Framework
React
Type
block
License
MIT
Dependencies
framer-motion, lucide-react
Files
  • registry/new-york/carousel/slat-flip-carousel.tsx
Source
https://github.com/vansh-nagar/Pixel-Perfect

Categories

More from Pixel Perfect