Components
Starting preview...
A dynamic, animated navigation component with interactive tabs that dynamically highlight active and hover states.
npx shadcn@latest add https://21st.dev/r/ln-dev7/animated-navigation-tabsimport { AnimatedNavigationTabs } from "@/components/ui/animated-navigation-tabs"
const AnimatedNavigationTabsDemo = () => (
<div className="bg-background h-40 flex items-center justify-center"><AnimatedNavigationTabs items={ITEMS} /></div>
);
export default { AnimatedNavigationTabsDemo };
const ITEMS = [
{ id: 1, tile: "Overview" },
{ id: 2, tile: "Activity" },
{ id: 3, tile: "Domains" },
{ id: 4, tile: "AI" },
{ id: 5, tile: "Settings" },
];