Components
Circular website favicon badge with optional label text, spring entrance animation, and automatic favicon resolution from a domain or URL.
import FaviconBadge from "@/components/ui/favicon-badge";
export default function FaviconBadgeDemo() {
return (
<div className="flex min-h-[240px] flex-col items-center justify-center gap-5">
<FaviconBadge website="github.com" label="GitHub" />
<FaviconBadge website="vercel.com" label="Vercel" size="lg" />
<div className="flex items-center gap-3">
<FaviconBadge website="stripe.com" size="sm" />
<FaviconBadge website="figma.com" size="sm" />
<FaviconBadge website="notion.so" size="sm" />
</div>
</div>
);
}