Feb 18, 2025
Circling Images v.1
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).
Original effect by
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
Copy Component, and paste it in your Framer project.
Customize characters, colors, and effects via properties.
Preview & interact in real-time.