ComponentsAvatars & Images

Avatars & Images

Avatar, image display, and media thumbnail components with visual previews for all 60 components.

60components

3 Free·57 Pro

import { ... } from "@/components/blocks/avatars"

AvatarSimple

Free

1280px

Loading preview...

AvatarWithFallback

Pro

1280px

Loading preview...

AvatarRounded

Pro

1280px

Loading preview...

AvatarSquare

Pro

1280px

Loading preview...

AvatarCircle

Pro

1280px

Loading preview...

AvatarWithStatus

Free

1280px

Loading preview...

AvatarWithBadge

Pro

1280px

Loading preview...

AvatarWithRing

Pro

1280px

Loading preview...

AvatarWithBorder

Pro

1280px

Loading preview...

AvatarGroup

Free

1280px

Loading preview...

AvatarStack

Pro

1280px

Loading preview...

AvatarCluster

Pro

1280px

Loading preview...

AvatarWithName

Pro

1280px

Loading preview...

AvatarWithTitle

Pro

1280px

Loading preview...

AvatarLarge

Pro

1280px

Loading preview...

AvatarMedium

Pro

1280px

Loading preview...

AvatarSmall

Pro

1280px

Loading preview...

AvatarTiny

Pro

1280px

Loading preview...

AvatarInitials

Pro

1280px

Loading preview...

AvatarIcon

Pro

1280px

Loading preview...

AvatarEditable

Pro

1280px

Loading preview...

AvatarUpload

Pro

1280px

Loading preview...

AvatarAnimated

Pro

1280px

Loading preview...

AvatarHover

Pro

1280px

Loading preview...

ImageSimple

Pro

1280px

Loading preview...

ImageRounded

Pro

1280px

Loading preview...

ImageCircle

Pro

1280px

Loading preview...

ImageWithCaption

Pro

1280px

Loading preview...

ImageWithOverlay

Pro

1280px

Loading preview...

ImageWithZoom

Pro

1280px

Loading preview...

ImageWithLightbox

Pro

1280px

Loading preview...

ImageGallery

Pro

1280px

Loading preview...

ImageGrid

Pro

1280px

Loading preview...

ImageCarousel

Pro

1280px

Loading preview...

ImageSlider

Pro

1280px

Loading preview...

ImageComparison

Pro

1280px

Loading preview...

ImageBeforeAfter

Pro

1280px

Loading preview...

ImageLazy

Pro

1280px

Loading preview...

ImagePlaceholder

Pro

1280px

Loading preview...

ImageResponsive

Pro

1280px

Loading preview...

ImageCover

Pro

1280px

Loading preview...

ImageContain

Pro

1280px

Loading preview...

ImageWithBadge

Pro

1280px

Loading preview...

ImageWithLabel

Pro

1280px

Loading preview...

ThumbnailSimple

Pro

1280px

Loading preview...

ThumbnailHover

Pro

1280px

Loading preview...

ThumbnailVideo

Pro

1280px

Loading preview...

ThumbnailPlay

Pro

1280px

Loading preview...

ThumbnailOverlay

Pro

1280px

Loading preview...

ThumbnailCaption

Pro

1280px

Loading preview...

ThumbnailGrid

Pro

1280px

Loading preview...

ThumbnailList

Pro

1280px

Loading preview...

ThumbnailStack

Pro

1280px

Loading preview...

ThumbnailGroup

Pro

1280px

Loading preview...

ThumbnailWithBadge

Pro

1280px

Loading preview...

ThumbnailWithDuration

Pro

1280px

Loading preview...

ThumbnailSelectable

Pro

1280px

Loading preview...

ThumbnailCheckbox

Pro

1280px

Loading preview...

ThumbnailPreview

Pro

1280px

Loading preview...

ThumbnailZoom

Pro

1280px

Loading preview...

All 60 components include viewport switching, code editing, and responsive previews. Import any component directly from @/components/blocks/avatars