A minimalist showcase for the Mouse Follower by Cuberto, inspired by Swiss Style (International Typographic Style). Features a strict grid, strong typographic hierarchy, and modern UI built with Vue 3, Tailwind CSS, and GSAP.
🌐 Live Demo: http://projects.manuelhintermayr.com/mouse-follower-demo
Developed by: Manuel Hintermayr Repository: https://github.com/manuelhintermayr/mouse-follower-demo
- 🐭 Mouse Follower — Smooth, customizable cursor effects by Cuberto
- 🎨 Swiss Style Layout — Strict grid, black/white, strong typographic hierarchy
- ⚡️ Vue 3 — Modern JavaScript framework
- 💨 Tailwind CSS — Utility-first CSS framework
- 🎬 GSAP & ScrollTrigger — Professional-grade animations and scroll effects
- 🌙 Dark Mode — Toggle dark/light mode
- 📱 Responsive Design — Mouse Follower works only on desktop (not activated on touch gestures)
git clone https://github.com/manuelhintermayr/mouse-follower-demo.git
cd mouse-follower-demo
# Open index.html directly or serve with a static servermouse-follower-demo/
├── index.html # Main demo page
├── README.md # Project documentation
├── media/ # Images & video assets
│ ├── preview.jpg
│ ├── preview.gif
│ ├── avatar_1.jpg
│ ├── sample.jpg
│ └── sample.mp4
└── ... # Additional HTML files
- Cursor changes automatically on interactive elements (links, buttons)
- Custom states via data attributes (e.g.
data-cursor="-pointer",data-cursor="-inverse") - GSAP-powered smooth animations
- Scroll-based reveal effects for sections
- Subtle transitions for cards and UI elements
- Toggle dark/light mode via sticky controls
- Uses Tailwind's dark mode class on
<html>
Feel free to fork, customize, and submit pull requests!
Happy coding! 🚀
Built with ❤️ by Manuel Hintermayr