# Updated: Orbit Images

By Steven Van · 2026-10-13

The animated React component now layers photos in front of and behind central content, fits any container, and supports drag-to-spin.

The [React Bits](<https://creatorstoolbox.com/resources/react-bits>) Orbit Images component has been [rebuilt with real depth](<https://reactbits.dev/animations/orbit-images>). Photos now pass behind and in front of whatever sits in the middle of the orbit, and the component fits any container.

## Interaction

You can drag the orbit to spin it, and click a photo to bring it forward.

## Styling

The tiles, shadows and path can all be styled.

## Installation

The component page offers JavaScript or TypeScript, with plain CSS or Tailwind. The TypeScript and Tailwind version installs with npx shadcn@latest add @react-bits/OrbitImages-TS-TW.

![React Bits](<https://reactbits.dev/favicon.ico>)

React Bits

An open-source collection of 200+ animated, interactive React components and micro-interactions.

[View React Bits →](<https://creatorstoolbox.com/resources/react-bits>)

Sources

[Original source](<https://reactbits.dev/animations/orbit-images>)

[Read Updated: Orbit Images on Creators Toolbox](<https://creatorstoolbox.com/blog/react-bits-updated-orbit-images>)

---
Canonical source: https://creatorstoolbox.com/blog/react-bits-updated-orbit-images
