Docs Components Widgets Blocks

Docs Components WidgetsNew Blocks GitHub

Home

Get Started

Introduction
Installation
Theming
Dark Mode
CLI

Components

Avatar
Badge
Breadcrumb
Button
Card
Dialogs
Input
Tabs
Progress
Switch
Slider
Tooltip

Forms

Select
Textarea
Checkbox
Radio

Data Display

Skeleton
Table
Separator
Scroll Area

Overlays

Alert Dialog
Sheet
Popover

Widgets

Weather Widgets
New
Calendar Widgets
New
Clock Widgets
New
Stocks Widgets
New
Stats Widgets
New
Map Widget
New
Area Chart Widget
New

Innovative

Command Palette
New
Morph Card
New
Dock
New
Gauge
New
Notification
New
Ripple
New
Orb
New
Waveform
New
Timeline
New

Registry

Overview
LLMs.txt

Blocks

Login page
Sign-up page
Forgot password page
Pricing page
Admin panel

Built by Ehsan

Skip to documentation content

components@einui/glass-avatar2 examples

Liquid Glass Avatar - React

Liquid glass avatar component for React & Next.js. User avatar component with image and fallback support.

Add this component

shadcn CLI

$npx shadcn@latest add @einui/glass-avatar

Basic Avatar

Display user avatars with fallback support.

JD

AB

CN

Avatar Sizes

Different avatar sizes for various contexts.

SM

MD

LG

XL

Previousalert-dialog Nextbadge