---
title: "Orbit — Framer component · Best of Framer"
description: "$4.00 · Framer component · by Beasty  · Carousels. A sphere of pictures, turning"
canonical: "https://framer.elliotli.dev/component/orbit"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/Orbit

# Orbit

A sphere of pictures, turning

[View on Framer](https://framer.com/marketplace/components/orbit/?via=elliot-li)

![Orbit preview image 1](https://framer.elliotli.dev/og/component/orbit/95d674b3d86fdace/1600x1200.jpg)

## Summary

A sphere of pictures, turning

## Description

Twenty-four slots spread over a sphere by the golden angle, so they never line up into rows. The sphere turns on a tilted axis; every picture stays square to the camera and takes its size from its distance, so the near ones come forward and the far ones recede and darken.

Bring the camera close and the sphere overflows the frame: its edges then run into the spectral lens, where the image is magnified, split across the wavelengths and smeared into long coloured trails, with a liquid-glass relief on the bend. Drag to roll the sphere in any direction; it keeps the momentum.

Drop your own pictures into the Images property. Left empty, the component draws gradients so you see it working straight away. Slots, radius, camera distance, image size, field of view, spin, axis tilt and depth shading are all controls, with the five lens ones. Standalone file: engine and shaders inside, nothing fetched from outside.

## Rank history [How rankings work →](/terms#rankings)

-   All · #9042

## Details

- **Author**: Beasty
- **Price**: $4.00
- **Published**: 2026-09-12
- **Updated**: 2026-09-29
- **Added**: 2026-09-12
- **Categories**: Carousels

## More like this

-   [3DCurvedImageMarquee](/component/3dcurvedimagemarquee) — Lera · $4 — Curved perspective double ticker
-   [Orbit Kit Carousel](/component/orbit-kit-carousel) — Khairul Fauzy Khairudin · $12 — 3D drag carousel with inertia
-   [Team Orbit](/component/team-orbit) — Ali Musa · Free — Interactive Team Showcase
-   [Glow Testimonial](/component/glow-testimonial) — Interface Studio · Free — Testimonials with a Little Glow