Proximity Orbit
0
Used by 0Proximity Orbit
Display images in a smooth, interactive circular orbit.
KEY FEATURES
- — Circular image orbit animation
- — Continuous and step movement modes
- — Clockwise and counterclockwise rotation
- — Adjustable orbit radius and image size
- — Customizable image corners and opacity
- — Cover and contain image modes
- — Speed controls with custom transitions
- — Multiple hover interaction modes
- — Flexible image stacking order
- — Responsive image layout
API Reference
All props map directly to the controls panel sliders and color pickers.
LAYOUT
PROP
TYPE
DEFAULT
DESCRIPTION
images
array
[]
Images prop.
orbitRadius
number
10
Orbit Radius prop.
imageScale
number
5
Image Scale prop.
imageFit
enum
cover
Image Fit prop.
rounded
number
0
Rounded prop.
opacity
number
100
Opacity prop.
movementType
enum
continuous
Movement prop.
direction
enum
clockwise
Direction prop.
stepTransition
transition
{"type":"spring","stiffness":800,"damping":60,"mass":1,"duration":0.5,"ease":"easeInOut"}
Step Ease prop.
stackDirection
enum
firstToLast
Stack Direction prop.
ANIMATION
PROP
TYPE
DEFAULT
DESCRIPTION
speed
number
5
Speed prop.
hoverAnimation
object
{"type":"none","speedMultiplier":5,"scale":6,"opacity":100}
Hover Animation prop.
