VEYRA

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

1. 01

   Hover-driven films

   Electric drive and battery zones play forward/reverse video on hover - click for cutaway detail.

2. 02

   Appearance configurator

   Five body paints and three wheel designs, active only from the neutral pose.

3. 03

   Product-UI craft

   Blue studio, white type, electric-green controls, and a tight media frame.

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