React Orbits Background

Clean orbital rings with glowing particles tracing their paths—like a minimalist solar system or atomic structure. Multiple rings at different angles and sizes, each with particles moving at their own pace. Some orbit clockwise, others counter-clockwise. The effect is elegant, hypnotic, and surprisingly calming. Perfect for dashboards, analytics platforms, space themes, science sites, or anywhere you want that sense of organized motion and cosmic elegance.

React Orbits Background preview

Installation

npx shadcn@latest add https://www.shadcn.io/r/orbits.json

npx shadcn@latest add https://www.shadcn.io/r/orbits.json

pnpm dlx shadcn@latest add https://www.shadcn.io/r/orbits.json

bunx shadcn@latest add https://www.shadcn.io/r/orbits.json

Related Components

FAQ