Components
Loading preview...
Icon Drawer with Lucide and Anime.js
npx shadcn@latest add https://21st.dev/r/oldkong88/lucide-icon-drawerimport { Atom, CircleArrowDown, Zap, Heart } from 'lucide-react';
import { useLucideDrawerAnimation } from "@/components/ui/lucide-icon-drawer";
export function Demo() {
const root = useLucideDrawerAnimation();
return (
<div ref={root} className="flex flex-col items-center gap-4">
<div className="flex flex-row gap-4">
<Atom size={48} className="text-cyan-400" />
<CircleArrowDown size={48} />
<Zap size={48} className="text-yellow-400"/>
<Heart size={48} className="text-red-600" />
</div>
<span className="text-sm text-neutral-400">Used Lucide Icon</span>
</div>
);
}