Overview
Visionaries is a full-viewport interactive art hero by SonoJS. Built with Vite, React 19, and TypeScript. A ring of scene cards (Emerald Gate, Mirror, Crossing, Threshold, and more) orbits with drag, wheel, and autoplay; the featured piece fills the stage with title and caption. Chromium glass displacement, chroma accents, and phone layout scaling are included. Local scene JPGs under public/visionaries. Demo gallery UI only - no CMS. Static build ready for Cloudflare Workers.
Highlights
- 01
Orbital scene ring
Drag, wheel, or autoplay through painted scenes arranged on a responsive circle.
- 02
Featured stage
Active card lifts to fill the background with title, caption, and accent tone.
- 03
Glass chrome
Displacement map / chroma glass filter on Chromium for a liquid UI rim.
- 04
Static and fork-ready
Vite build to dist/ with local visionaries JPGs - deploy anywhere static.
You get
- Full Vite + React 19 + TypeScript source (Visionaries)
- visionaries module (carousel, glass filter, math, scene data)
- public/visionaries scene JPGs
- Phone and desktop ring layouts
