Components
Loading preview...
Here is smooth follower cursor componentt
@ui-layouts
npx shadcn@latest add https://21st.dev/r/uilayout.contact/cursor-follower
import { Component } from "@/components/ui/cursor-follower";
const DemoOne = () => {
return (
<div className="relative flex min-h-screen w-full flex-col items-center justify-center dark:bg-gray-900 bg-gray-100 text-gray-800 dark:text-gray-200 p-8">
<h1 className="text-4xl font-bold mb-8">Smooth Follower Demo</h1>
<div className="flex flex-col sm:flex-row gap-6 mt-8">
<a
href="#"
className="px-6 py-3 bg-blue-500 text-white rounded-lg shadow-md hover:bg-blue-600 transition-colors duration-200"
>
Hover over me
</a>
</div>
<Component />
</div>
);
};
export { DemoOne };