Circling Images

Achille Ernoult
nonzeroexitcode

Original effect by

Information

CirclingPictures is an interactive Framer component that arranges a set of images along a circle and rotates them continuously. It features a “Speed up on hover” option that dynamically accelerates the rotation when the user’s cursor hovers over the component, based on the cursor’s distance from the center. The component is fully customizable via Property Controls, allowing you to adjust the circle’s radius, rotation duration, direction, number of images, image size, and to supply a custom group of images (up to 10).

Categories

Framer

PressCto copy the component

Features

- Circular layout and smooth continuous rotation of images- Dynamic hover effect that speeds up the rotation using a fixed 1.5x multiplier when enabled- Customizable properties: radius, rotation duration, direction, image count, image size, and image group- Supports grouping images via an array control in the Framer properties panel

Usage

  1. Copy Component, and paste it in your Framer project.

  2. Customize characters, colors, and effects via properties.

  3. Preview & interact in real-time.