Radial Image Gallery

A continuous 360-degree rotating carousel driven by GSAP's global timeline. Elements are mapped radially along an exact trigonometric orbit using sine and cosine coordinates, dynamically ramping rotation speed via timeScale on hover while spotlighting active nodes with selective blur shifts and scale emphasis.

Radial Image Gallery

CategoryInteraction

TagGSAP, Gallery, Carousel, Circular, Interactive, Image

Guide: How to UseView Guide

API References

Prop	Type	Default
images	Array of image URLs arranged along the 360-degree rotating ring carousel	DEFAULT_IMAGES (22 items)
ringRadius	Radius of the circular display ring in pixels	500
elementSize	Dimensions of individual thumbnail frames attached to the ring in pixels	60
borderRadius	Corner curvature radius of each circular ring thumbnail in pixels	12
baseSpeed	Continuous baseline rotation velocity of the ring carousel	0.2
width / height	Outer bounding dimensions of the radial gallery container	1440 / 1100