Avatar Components
User profile pictures with neon effects, fallback support, and status indicators.
Neon Avatars
Electric neon avatars with glowing borders and effects
John Doe
Neon Cyan Glow
J
Jane Doe
Neon Purple Glow
Mike Johnson
Neon Chartreuse Glow
S
Sarah Miller
Neon Pink Glow
VIP Members:
S
A
Basic Avatars
Standard avatar display with image and fallback support
John Doe
With profile image
J
Jane Doe
With initials fallback
Anonymous User
Default icon fallback
Team Members:
S
A
Avatar Sizes
Avatars in different sizes for various use cases
Small Size (sm):
J
Default Size:
J
Large Size (lg):
J
Extra Large Size (xl):
J
Status Indicators
Avatars with online/offline status indicators
Online Status:
J
Away Status:
S
Busy Status:
M
Offline Status:
A
Team Status Overview:
J
S
Installation
Copy and paste the avatar code directly. Install required dependencies:
npm install framer-motion clsx tailwind-merge lucide-reactMake sure you have the cn utility function. See installation guide.