A modern, scroll-aware animated header component built with Next.js, TailwindCSS, Shadcn/UI and Motion. This project showcases a beautiful and interactive header interface. The Animated Tabs component is also integrated into this project for better user experience.
This project is heavily inspired by Vercel's header component.
- Clone the repository:
git clone https://github.com/mehrdadrafiee/animated-header.git
cd animated-header- Install dependencies:
pnpm install- Run the development server:
pnpm dev- Open http://localhost:3000 with your browser to see the result.