Melli

Overview

Melli is a lilac 3D-motion academy landing by SonoJS (demo brand Melli_Motion). Built as a single HTML page with Poppins, vanilla scroll parallax, and Three.js. A fixed bee GLB (GLTFLoader + RoomEnvironment) flies across themed sections - Imagine your next site, Universe of 3D Motion, Claim Early Invite, Study and Build, and a Prepared to fly high footer. Floral PNG accents and light/dark section themes. Demo course marketing UI only - no waitlist backend. Run locally with npx serve . (ES modules need a static server) or host on Cloudflare Workers.

Highlights

1. 01

   Live bee GLB

   Three.js canvas with GLTF bee, wing texture, and RoomEnvironment lighting.

2. 02

   Section parallax

   Floral PNGs and headlines drift with data-speed / data-rot as you scroll.

3. 03

   Light and dark themes

   Nav and badge flip when the bee crosses dark invite sections.

4. 04

   Zero-build static

   One index.html plus assets (bee.glb, flowers) and vendor Three.js.

You get

• index.html (complete Melli landing)
• assets/bee.glb, wing.png, floral PNGs, hero backgrounds
• vendor/three@0.160.0 (module + addons)
• Scroll reveal, parallax, and theme switching

Run locally

From the unzipped project folder:

npx serve .