Overview
SceneAI is a full-viewport AI 3D-scene product hero by SonoJS. Built with Vite, vanilla JS, and Tailwind CSS 4. Looping hero.mp4 stage, glass nav (Home / How it works / Plans / Download), V2.0 Engine Now Live badge, Create awesome 3D scenes with AI headline, Generate Now / Watch Demo CTAs, and Active Creators / Scenes Rendered stats. Demo generative chrome only - no AI backend. Vite build ready for Cloudflare Workers.
Highlights
- 01
Full-bleed AI video stage
Looping hero.mp4 with left gradient wash for readable product copy.
- 02
V2.0 product chrome
Engine badge, Generate Now / Watch Demo CTAs, and creator / scene stats.
- 03
Glass top nav
SceneAI wordmark, How it works / Plans / Download links, Start building chip.
- 04
Vite and fork-ready
Vite 8 + Tailwind 4 - npm run build to dist/ for static hosting.
You get
- Full Vite + Tailwind CSS 4 source (SceneAI)
- index.html hero markup + src/main.js and style.css
- public/video/hero.mp4 and Inter fonts
Details
- Version
- v1.0.0
- Last update
- Nov 8, 2026
- Pages
- 1
- Category
- Hero & Interaction
You need
- Node.js 20 or newer
- Vite 8
- Tailwind CSS 4


