Components
Loading preview...
Animated Tabs Background
npx shadcn@latest add https://21st.dev/r/erikvalencia1/animated-tabs-backgroundimport { CleanMotionBackground } from "@/components/ui/animated-tabs-background";
export default function DemoMotionBg() {
return (
<CleanMotionBackground
bgClass="bg-gradient-to-r from-indigo-500 to-purple-500 rounded-lg"
hoverActivate
>
<div data-key="one" className="p-4 text-white font-bold text-lg">First Item</div>
<div data-key="two" className="p-4 text-white font-bold text-lg">Second Item</div>
<div data-key="three" className="p-4 text-white font-bold text-lg">Third Item</div>
</CleanMotionBackground>
);
}