Updated: Orbit Images
By Steven Van ·
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 Orbit Images component has been rebuilt with real depth. 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
An open-source collection of 200+ animated, interactive React components and micro-interactions.
View React Bits →