A cinematic and immersive web experience inspired by Stranger Things. This project features a multi-page interactive journey into the Upside Down, complete with atmospheric audio, glitch effects, and smooth animations.
- Immersive Audio Engine: Custom audio controller that seamlessly switches tracks between the "Hawkins" and "Upside Down" dimensions.
- Interactive Visuals:
- Fire Reveal: Use your mouse to reveal the hidden world beneath.
- Glitch Effects: VHS-style tracking errors and chromatic aberration on text hover.
- Neon Pulse: Breathing neon animations on interactive elements.
- Multi-Page Journey:
- The Lab: A mysterious entry point.
- The Upside Down: A dark dimension with custom particle effects.
- Max's Escape: A high-stakes finale featuring "Running Up That Hill".
- Dynamic Particles: Snow and ash particle systems that react to the environment.
- React: Component-based UI architecture.
- Vite: Lightning-fast build tool.
- Framer Motion: Complex layout transitions and spring animations.
- CSS3: Advanced keyframe animations, clip-paths, and blend modes.
- Live Demo: View Live Site
- Repository: GitHub Repository
-
Clone the repository:
git clone https://github.com/omrajputt369-byte/strangerthings.git cd stangerThings-main/vite-project -
Install dependencies:
npm install
-
Run the development server:
npm run dev
Created with React + Vite