A high-end, minimalist interactive web application designed to benchmark luxury automotive aesthetics. This project fuses cinematic video masking, high-fidelity specs dashboards, and fluid, motion-driven user interfaces.
- Interactive Dynamic Masking: Viewport-calibrated container blocks with custom mouse/touch drag handlers.
- Cinematic Motion Design: Immersive animations powered by GSAP for a continuous, smooth storytelling layout.
- Fluid Scroll Integration: Global kinetic wheel scrolling utilizing the Lenis engine for native-feeling momentum.
- Zero-Reload Navigation: Clean Single Page Application (SPA) state transitions using React Router Dom.
- Responsive Architecture: Scalable grid flows that clean-stack on mobile viewports to prevent GPU/hardware lag.
- Core: React.js (Vite)
- Styling: Tailwind CSS (Custom Serif/Mono Layout)
- Motion & Animation: GSAP (GreenSock Animation Platform)
- Scroll Engine: Lenis Smooth Scroll
- Routing: React Router Dom v6
Follow these steps to get the development terminal running locally:
git clone [https://github.com/HuzaiFaRz/DevNebula.git](https://github.com/HuzaiFaRz/DevNebula.git)
cd DevNebula