Components
Loading preview...
ChatGPT said: This MenuBar component is a modern, animated bottom navigation bar built with React, Tailwind CSS, Framer Motion, and Lucide icons. It stays fixed at the bottom of the screen, adapts its width to fit the menu items, and features a subtle 3D flip animation with glow effects on hover. With rounded corners, a glassmorphic blurred background, and smooth transitions, it provides a sleek, floating dock-style navigation experience.
npx shadcn@latest add https://21st.dev/r/ruixen.ui/hover-gradient-nav-barimport HoverGradientNavBar from "@/components/ui/hover-gradient-nav-bar";
export default function DemoOne() {
return <HoverGradientNavBar />;
}