Image Gallery
0
Used by 0Controls
Image Gallery
Continuously stream images that fly outward or spiral from the center, with configurable density, easing, and timing.
KEY FEATURES
- — Straight radial or spiral motion paths
- — Clockwise, anticlockwise, or mixed spiral spin
- — In-to-out or out-to-in appear and disappear styles
- — Framer transition easing for entry and exit tweens
- — Adjustable fade-out percent of the exit duration
- — Blank-area control for spawn radius and drift point
- — Image scale multiplier auto-clamped to the frame
- — Fixed tile width and height per image
- — Crowd density with continuous or batched spawn delay
- — Custom background color with non-repeating image cycling
API Reference
All props map directly to the controls panel sliders and color pickers.
LAYOUT
PROP
TYPE
DEFAULT
DESCRIPTION
images
array
[...]
Pool of images streamed from the center, cycled without immediate repeats.
type
enum
straight
Motion style of the tiles: straight radial flight or spiral paths.
direction
enum
clockwise
Spin of spiral tiles: clockwise, anticlockwise, or mixed (spiral mode only).
appear
object
{"..."}
Entry style, easing, duration, and hold delay as tiles fade in.
disappear
object
{"..."}
Exit style, easing, duration, and fade-out amount as tiles leave.
blankArea
number
45
Size of the empty center gap; higher spawns tiles farther out (%).
imageScale
number
2
Overall size multiplier per tile, from about 0.125x up to 5x.
imageWidth
number
240
Base width of each image tile in pixels.
imageHeight
number
240
Base height of each image tile in pixels.
crowdDensity
number
10
How many tiles stream at once; higher spawns more images.
crowdDelay
number
0
Pause between spawn batches; 0 streams continuously (seconds).
background
color
#000000
Background color of the gallery and behind each tile.
