AXIT: Modern Responsive SaaS Landing Page
A production-ready SaaS landing page with scroll animations in both directions and smooth micro-interactions, built without animation libraries.
Project Overview
AXIT is a modern SaaS landing page built with the Next.js App Router and Tailwind CSS v4. Every entrance animation is powered by the native IntersectionObserver, so sections animate in on scroll and reset when they leave the screen, ready to play again. It uses hardware-accelerated CSS for shimmer sweeps, floating buttons and hover effects, with no third-party animation library. The page includes a sticky navbar with a mobile drawer, hero with a lead form, tabs, feature grids, pricing tiers, testimonials, a contact form, footer and a floating scroll-to-top button, and it is fully responsive from phones to ultra-wide screens.
Challenges Faced
Making animations replay on scroll in both directions using only native browser APIs.
Keeping the layout pixel-perfect on mobile, tablet, laptop and ultra-wide screens.
Keeping animations smooth without adding any animation library.
Future Plans & Improvements
Connect the contact and lead forms to a real backend.
Add dark/light theme switching.
Add multi-language support.