A Stranger Things–inspired fluid cursor hover effect built using ReactJS.
This project recreates the viral glowing, cinematic cursor animation inspired by the Upside Down aesthetic - perfect for modern portfolios, landing pages, and creative websites.
🌐 Live Website: https://stangerthings.einzigartige.in/
⚠️ Frontend-only project. No user data is collected or stored.
- 🖱️ Smooth fluid cursor-follow animation
- 🌌 Stranger Things–style glow & distortion
- ⚛️ Built with ReactJS (modern hooks)
- 🎨 Clean UI with cinematic effects
- ⚡ High-performance & optimized rendering
- 📱 Fully responsive (desktop & mobile)
- 🧩 Easy to integrate into any React app
git clone https://github.com/Einzigartige/stangerThings.git
cd stangerThingsnpm installnpm startOpen http://localhost:3000 in your browser.
- Tracks mouse movement using React state
- Uses CSS transforms & transitions for smooth animation
- Glow and blur effects layered for depth
- Optimized re-rendering for better performance
- ReactJS
- JavaScript (ES6+)
- CSS3 (Glow & Animation Effects)
- HTML5
stangerThings/
│── public/
│ ├── images/
│── src/
│ ├── assets/
│ │ └── react.csv
│ ├── components/
│ │ └── Hero.css
│ │ └── Hero.jsx
│ │ └── Navbar.css
│ │ └── Navbar.jsx
│ ├── App.css
│ ├── App.jsx
│ └── index.css
│ └── main.js
│── package.json
└── README.md
- 🧲 Magnetic hover effects
- 🎛️ Intensity & color controls
- 🌗 Dark / Light theme toggle
- 🌊 Advanced fluid distortion
- ⚡ Next.js version
MIT License
Feel free to use, modify, and learn from this project.
| Platform | Link |
|---|---|
| https://twitter.com/einzigartigetec/ | |
| https://www.facebook.com/einzigartige/ | |
| https://www.linkedin.com/company/einzigartige/ | |
| YouTube | https://www.youtube.com/@einzigartige_/ |
| Website | http://einzigartige.in/ |
👉 Subscribe here: https://www.youtube.com/@einzigartige_/
Einzigartige - Web & App Development Company
Website: http://einzigartige.in/
⭐ If you like this project, consider giving it a star!