DesignLayer
Floating Poster Orbit
Back to components
What is this?
A one-screen cinematic field of rounded posters in three horizontal rows over a warm projector glow. The top and bottom rows drift left, the middle row drifts right. Swap the photos, then drop it onto a film, entertainment, or product landing page.
Read the guide
Component
Floating Poster Orbit
A one-screen cinematic field of rounded posters in three horizontal rows over a warm projector glow. The top and bottom rows drift left, the middle row drifts right. Swap the photos, then drop it onto a film, entertainment, or product landing page.
Checking access…
Live PreviewVerified Technical Spec
- Animation
- CSS / Tailwind
- Reduced motion
- Verified
- Keyboard focus
- Not detected in source
- Compatibility
- Tailwind CSS v3.4 + v4 · React 19 / Next.js 15 App Router + Vite / Remix compatible
Included
- Copy source into Cursor or Claude for agent install
- Finished React · TypeScript · Tailwind CSS · Anime.js UI
Dependencies
- React 19.0.0
- Typescript 5.7.2
- Tailwindcss 3.4.16
- Anime.js 4.5.0
Tech Stack
- React
- TypeScript
- Tailwind CSS
- Anime.js
Version 1.0.0