Directional Hover Header

A premium header navigation with directional hover detection and smooth dropdown transitions. Built with Framer Motion and full keyboard accessibility.

Manual

Create a file and paste the following code into it.

src/index-demo.tsx

import Header from "@/components/header";

export default function Demo() {
  return (
    <div className="w-full h-full min-h-screen bg-background flex flex-col">
      <Header />
    </div>
  );
}

Update the import paths to match your project setup.