Welcome to NeuroStack, a next-generation AI-powered SaaS concept built for Frontend Battle 2.0. This project brings together immersive animations, futuristic design, and cutting-edge frontend features — replicating and innovating upon the core visual experiences showcased in the challenge's asset videos.
👉 Click here to view the deployed app
To replicate and creatively enhance the majority of visual and interactive features demonstrated in the provided reference videos — while maintaining pixel-perfect design, responsiveness, and modern UI/UX best practices.
- Framework: Next.js 14 (App Router)
- Language: TypeScript (
.ts,.tsx) - Styling: Tailwind CSS + Custom Components
- Animations: Framer Motion, AOS.js
- Deployment: Vercel
✅ Fullscreen animated preloader with countdown & progress bar
✅ Scroll-triggered fade/slide animations across sections
✅ Feature cards with hover interactions and staggered entrance
✅ Light & Dark mode toggle with animated theme transitions
✅ Parallax scroll section simulating depth
✅ Ripple hover effects on buttons & CTAs
✅ Carousel / Slider with swipe and motion inertia
✅ Animated stats section with live counters and chart components
✅ Testimonials section with glow hover effects
✅ Sticky navbar with smooth scroll & section links
✅ Fully responsive layout across all screen sizes
- ChatGPT — ReadME.md Generation
- Lovable — For Help With Ui
If you want to work locally using your own IDE, you can clone this repo and push changes.
The only requirement is having Node.js & npm installed. If Not Follow these steps:
git clone https://github.com/YOUR_USERNAME/YOUR_REPO_NAME.git cd YOUR_REPO_NAME
npm install
npm run dev
npm install framer-motion