Projects using ChatGPT in DhakaProjects using ChatGPT in DhakaA fun project with Claude Opus 5.5 and Claude Design. Zero Figma.
Built with HTML, CSS and JavaScript, plus GSAP (ScrollTrigger + SplitText) for the scroll story, Lenis for smooth scroll, Three.js / WebGL for the 3D butterflies, day-to-night scene and map, and Web Audio for the live jungle sound. I wanted to see how far I could push a website without opening Figma once.
→ A cinematic hero with 3D butterflies that fly around your cursor
→ Chapters that reveal as you scroll, like a short film
→ A full day in one valley, from 06:10 sunrise to 22:10 night
→ A 3D map where you can play the whole journey
→ A live jungle soundscape, birds by day, crickets by night
To be fair, it wasn't one prompt and done. I pushed back a lot.
Scroll it with headphones on 🎧
Live website link in the comment ⬇️
1 to 10, how immersive is it? Drop your number ⬇️
Concept only, the resort, reviews and details are fictional.
#WebDesign (https://www.linkedin.com/search/results/all/?keywords=%23webdesign&origin=HASH_TAG_FROM_FEED) #UIDesign (https://www.linkedin.com/search/results/all/?keywords=%23uidesign&origin=HASH_TAG_FROM_FEED) #AIDesign (https://www.linkedin.com/search/results/all/?keywords=%23aidesign&origin=HASH_TAG_FROM_FEED) #Claude (https://www.linkedin.com/search/results/all/?keywords=%23claude&origin=HASH_TAG_FROM_FEED) #CreativeDevelopment (https://www.linkedin.com/search/results/all/?keywords=%23creativedevelopment&origin=HASH_TAG_FROM_FEED) AI Avatar Tutorial Video | AI Video Editing & Lip-Sync
Created a short AI-powered tutorial video featuring a consistent AI avatar, realistic lip-sync, AI-generated visuals, screen-recorded workflow, and professional editing.
Tools & Skills: AI Avatar Animation, Lip Sync, AI Video Generation, Screen Recording, CapCut, Voiceover, Sound Design, Video Editing.