Tailwind CSS Avatar - Nira UI
Nira UI Avatars are a collection of predefined classes for styling user profile images in different shapes, sizes, and interactive styles.
Default Avatar
A simple circular avatar.
Squared Avatar
Change the avatar shape to squared using rounded-md
Avatar with Ring Effect
Highlight avatars using a ring.
Ring colors
Apply different ring colors to match your brand color
Avatar Status
Show online, offline, or custom status with status badges.
Avatar Sizes
Display avatars in multiple predefined sizes.
Avatar Group
You can combine multiple avatars for team members or user groups.
Avatar with Dropdown
Interactive avatars can be used to open menus.