Avatar

ui

Fluent 2-styled avatar with shadcn APIs. Built on @base-ui/react's Avatar primitive for genuine image-loading state; renders brand-tinted initials as a fallback while the image loads or if it fails.

pnpm dlx shadcn@latest add "https://fluent2-react-kit.graund.io/r/avatar.json"

Sign In

Avatar

ui

Fluent 2-styled avatar with shadcn APIs. Built on @base-ui/react's Avatar primitive for genuine image-loading state; renders brand-tinted initials as a fallback while the image loads or if it fails.

pnpm dlx shadcn@latest add "https://fluent2-react-kit.graund.io/r/avatar.json"

@base-ui/react

utils

components/ui/avatar.tsx

@base-ui/react

utils

components/ui/avatar.tsx