Visionaries

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

1. 01

   Orbital scene ring

   Drag, wheel, or autoplay through painted scenes arranged on a responsive circle.

2. 02

   Featured stage

   Active card lifts to fill the background with title, caption, and accent tone.

3. 03

   Glass chrome

   Displacement map / chroma glass filter on Chromium for a liquid UI rim.

4. 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