Creative · Interactive · Experimental

Neon Dreamscape

A wild ride through colour, motion and interactivity — built entirely with CSS animations and vanilla JavaScript, optimised for touch devices.

CSS Animations Vanilla JS Touch-Ready Responsive Glassmorphism

Photos

Locations

Months

Awards

Featured Gallery

City Lights

Aurora Hues

Hidden Path

Open Ocean

Peak Hour

Colour Field

Tap any artwork to enlarge ✦ Hover to reveal title

🎨 About This Project

Neon Dreamscape explores the intersection of motion, light, and digital art. Every element is carefully choreographed to feel alive — from the drifting aurora blobs behind the page to the particles that float upward like embers.

Designed mobile-first, with touch ripples, a pinch-to-close lightbox, and a tilt-response parallax on supported devices.

⚡ Tech Stack

Pure HTML5 + CSS3 animations
Vanilla JS — zero dependencies
Intersection Observer for scroll-reveal
Touch-event ripple effect
DeviceOrientation tilt parallax
Glassmorphism + backdrop-filter

Colour Palette

#7c3aed

#0ea5e9

#f43f5e

#10b981

#fbbf24

#06070d