Curved Menu

Buttons 460

About

A modern React navigation component with an animated curved sidebar, interactive menu items, and social media footer. with smooth animations

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Curved Menu to your project and fits it to your theme.

Code

How Curved Menu is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import  Header  from "@/components/ui/curved-menu";

const DemoOne = () => {
  return (
   <div className="min-h-screen bg-black">
			<Header/>

      <div className="text-white h-screen text-7xl text-center flex justify-center items-center">hello<span className="italic">!</span></div>
    </div>
  );
};

export { DemoOne };