Colored fallback

Tinted initials fallbacks using semantic tokens.

Library

FLX UI

Framework

React

Type

block

License

AGPL-3.0

Install

pnpm dlx shadcn@latest add @flx/avatar-05

Files

• registry/patterns/avatar/avatar-05.tsx
• src/components/ui/avatar.tsx
• src/lib/utils.ts

Source

https://github.com/felipemenezes098/ui-flx

Categories

• Avatar Components
• React Avatar Components
• Tailwind CSS Avatar Components
• shadcn/ui Avatar Components
• Avatar Group Components
• React Avatar Group Components
• Tailwind CSS Avatar Group Components
• shadcn/ui Avatar Group Components
• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• shadcn/ui Data Display Components

More from FLX UI

• Basic
• Fallback initials
• Icon fallback
• Sizes
• Status badge
• Badge with icon
• With name
• Group
• Group with count
• Group with tooltip
• Loading skeleton
• Icon on top