Circling Elements — component for galleries & carousels (react)

For AI agents: find the right skill in one call — curl -s "https://skills.varg.ai/api/search?q=<what the person wants>" returns the matching use case and the best skills with install commands, as markdown (Russian works too). Full index: https://skills.varg.ai/llms.txt. Every page has a markdown twin: add .md to its path. Before generating anything, show the person the options on the use-case page.

A ring of photos orbiting a centre point, every image staying upright as the circle turns

Prompt that renders it frame-exact

Use Circling Elements from Fancy Components (https://www.fancycomponents.dev/docs/components/blocks/circling-elements, MIT). Install with npx shadcn add @fancy/circling-elements after adding the @fancy registry to components.json, plus the circling keyframes from its docs page. Orbit product shots, avatars, logos or app icons around a central title or logo. Set radius (scale it to the frame, e.g. 35% of the short side), duration, easing and direction. The orbit is a CSS keyframe animation, so pause it and set the animation time from frame / fps, or compute each item's angle as 360 * ((frame / fps) / duration) + index * 360 / count and position it directly.

Used in

More galleries & carousels