Preview: https://fx-curvedcarousel.framer.website/
A beautiful sliding gallery that gently curves your photos and videos as they move. Pictures stay sharp and clear in the middle, then softly bend and blur toward the edges. Supports images and videos in multiple aspect ratios.
Features:
Images, GIFs & video — mix all three in one row; videos loop silently and seamlessly.
Mix aspect ratios freely — pick per-item shapes from a simple dropdown (9:16, 3:4, 4:5, 1:1, 4:3, 3:2, 16:9) for a naturally varied, editorial layout.
Animated intro — tiles stagger in one-by-one, hold, then ease into the curve when the carousel scrolls into view.
Interaction — drag to scroll, optional auto-drift, and adjustable scroll speed.
Customisable Properties:
Curvature — how hard the row folds away at the edges.
Flat Zone — how many center items stay flat and sharp before the curve kicks in.
Edge Blur Strength — intensity of the depth/motion blur toward the edges.
Scroll Speed, Auto Drift, Draggable toggles.
Border Radius, Gap, and Background for layout polish.
Preview: https://fx-curvedcarousel.framer.website/
A beautiful sliding gallery that gently curves your photos and videos as they move. Pictures stay sharp and clear in the middle, then softly bend and blur toward the edges. Supports images and videos in multiple aspect ratios.
Features:
Images, GIFs & video — mix all three in one row; videos loop silently and seamlessly.
Mix aspect ratios freely — pick per-item shapes from a simple dropdown (9:16, 3:4, 4:5, 1:1, 4:3, 3:2, 16:9) for a naturally varied, editorial layout.
Animated intro — tiles stagger in one-by-one, hold, then ease into the curve when the carousel scrolls into view.
Interaction — drag to scroll, optional auto-drift, and adjustable scroll speed.
Customisable Properties:
Curvature — how hard the row folds away at the edges.
Flat Zone — how many center items stay flat and sharp before the curve kicks in.
Edge Blur Strength — intensity of the depth/motion blur toward the edges.
Scroll Speed, Auto Drift, Draggable toggles.
Border Radius, Gap, and Background for layout polish.
