Overview
VEYRA is an interactive automotive design study by SonoJS. Built with Vite, React 18, TypeScript, Tailwind CSS 3, and Lucide. Explore an electric vehicle through short hover films (hood / battery open and close), click-to-detail cutaways, and a compact appearance configurator for five paints and three wheel designs. Media-driven interaction - no WebGL model required. Space Grotesk, blue studio frame, electric-green controls. Demo concept only - not a real automaker. Static build ready for Cloudflare Workers or GitHub Pages.
Highlights
- 01
Hover-driven films
Electric drive and battery zones play forward/reverse video on hover - click for cutaway detail.
- 02
Appearance configurator
Five body paints and three wheel designs, active only from the neutral pose.
- 03
Product-UI craft
Blue studio, white type, electric-green controls, and a tight media frame.
- 04
Static and fork-ready
Vite build to dist/ with bundled hover films - no API key or GPU required to run.
You get
- Full Vite + React 18 + TypeScript source (VEYRA)
- HoverVideo, AppearanceMenu, and content/appearance modules
- Bundled public/media hover films and stills
- Tailwind CSS 3 + Lucide
- Docs for setup, architecture, and media workflow
