Curvegallery
0
Used by 0Curvegallery
Create interactive curved image galleries with smooth sliding, drag gestures, and customizable layouts.
KEY FEATURES
- — Horizontal and vertical gallery layouts
- — Fully adjustable curve intensity
- — Smooth autoplay with customizable speed
- — Drag-to-scroll interaction
- — Infinite seamless looping
- — Custom easing and animation controls
- — Adjustable image size and spacing
- — Rounded corner customization
- — Responsive image support
API Reference
All props map directly to the controls panel sliders and color pickers.
LAYOUT
PROP
TYPE
DEFAULT
DESCRIPTION
images
array
[{"src":"https://images.unsplash.com/photo-1560250097-0b93528c311a?w=600&q=80&fit=crop&crop=faces"},{"src":"https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?w=600&q=80&fit=crop&crop=faces"},{"src":"https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=600&q=80&fit=crop&crop=faces"},{"src":"https://images.unsplash.com/photo-1580489944761-15a19d654956?w=600&q=80&fit=crop&crop=faces"},{"src":"https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=600&q=80&fit=crop&crop=faces"},{"src":"https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=600&q=80&fit=crop&crop=faces"},{"src":"https://images.unsplash.com/photo-1599566150163-29194dcaad36?w=600&q=80&fit=crop&crop=faces"},{"src":"https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=600&q=80&fit=crop&crop=faces"}]
Images prop.
imageWidth
number
150
Image Width prop.
imageHeight
number
210
Image Height prop.
direction
enum
horizontal
Direction prop.
curve
number
0
Curve prop.
rounded
number
3
Rounded prop.
gap
number
4
Gap prop.
slideEnabled
boolean
false
Slide prop.
ANIMATION
PROP
TYPE
DEFAULT
DESCRIPTION
slideAnimation
object
{"ease":{"type":"tween","stiffness":800,"damping":60,"mass":1,"duration":2,"ease":"linear"},"speed":5,"directionH":"ltr","directionV":"ttb"}
Slide Animation prop.
