vividsitesOrbis
Orbis wraps thirty-five website screenshots around one globe as true curved sphere-segment panels that burn in from their centres, sit greyscale under a warm key light, and lift into full colour when you hover them, while the whole page's accent turns to the colour of whatever you are looking at. Drag throws the globe with inertia, scrolling dives the camera over the top as the lens barrels harder, and a click flies a panel off the surface and flattens it into a card beside its name. Swap the screenshots and the list and it is a globe of your own work. Built in HTML and Three.js, one file, no build step.
Get this prompt- Type
- Landing Page
- Theme
- Portfolio Globe
- Stack
- HTML, Three.js, GLSL
How to use this prompt
- 01
Copy the prompt
Grab the full text — it carries the layout, motion, fonts and stack notes your AI needs.
- 02
Paste it into your AI coder
Claude Code, Cursor, v0, Lovable — anything that writes files. Paste it as-is.
- 03
The video is already wired
The prompt embeds a cloud URL for the source clip, so your coder fetches it automatically.
- 04
Make it yours
Swap the brand name, headline and accent colour. The motion and layout stay intact.
- 05
Ship it
Run the build and deploy to Vercel, Netlify, or any static host.
