SceneAI
Hero & InteractionNew

SceneAI

Create awesome 3D scenes with AI - V2.0 engine hero with Generate and Demo CTAs.

Free

Quick facts

Pages
1
Version
v1.0.0
Last update
Nov 8, 2026
Who can download
Free (signed in)

Made with

  • Vite
  • JavaScript
  • Tailwind CSS

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

  1. 01

    Full-bleed AI video stage

    Looping hero.mp4 with left gradient wash for readable product copy.

  2. 02

    V2.0 product chrome

    Engine badge, Generate Now / Watch Demo CTAs, and creator / scene stats.

  3. 03

    Glass top nav

    SceneAI wordmark, How it works / Plans / Download links, Start building chip.

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

Related products

View all

Otis

Free

Grab his cartoon face and pull it like taffy: stretch, wobble, new expression, patience bar.

Juicy

Free

3D juice can carousel - scroll to spin, flavour themes, floating fruit, water ripple.

SkyElite

Free

Full-bleed private-jet video hero - Premium. Accessible. Book Now.