ComponentsAvatars & Images

Avatars & Images

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

60components

3 Free·57 Pro

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

AvatarSimple

Free

Loading preview...

Import AvatarSimple from @/components/blocks/avatars

AvatarWithFallback

Pro

Loading preview...

Import AvatarWithFallback from @/components/blocks/avatars

AvatarRounded

Pro

Loading preview...

Import AvatarRounded from @/components/blocks/avatars

AvatarSquare

Pro

Loading preview...

Import AvatarSquare from @/components/blocks/avatars

AvatarCircle

Pro

Loading preview...

Import AvatarCircle from @/components/blocks/avatars

AvatarWithStatus

Free

Loading preview...

Import AvatarWithStatus from @/components/blocks/avatars

AvatarWithBadge

Pro

Loading preview...

Import AvatarWithBadge from @/components/blocks/avatars

AvatarWithRing

Pro

Loading preview...

Import AvatarWithRing from @/components/blocks/avatars

AvatarWithBorder

Pro

Loading preview...

Import AvatarWithBorder from @/components/blocks/avatars

AvatarGroup

Free

Loading preview...

Import AvatarGroup from @/components/blocks/avatars

AvatarStack

Pro

Loading preview...

Import AvatarStack from @/components/blocks/avatars

AvatarCluster

Pro

Loading preview...

Import AvatarCluster from @/components/blocks/avatars

AvatarWithName

Pro

Loading preview...

Import AvatarWithName from @/components/blocks/avatars

AvatarWithTitle

Pro

Loading preview...

Import AvatarWithTitle from @/components/blocks/avatars

AvatarLarge

Pro

Loading preview...

Import AvatarLarge from @/components/blocks/avatars

AvatarMedium

Pro

Loading preview...

Import AvatarMedium from @/components/blocks/avatars

AvatarSmall

Pro

Loading preview...

Import AvatarSmall from @/components/blocks/avatars

AvatarTiny

Pro

Loading preview...

Import AvatarTiny from @/components/blocks/avatars

AvatarInitials

Pro

Loading preview...

Import AvatarInitials from @/components/blocks/avatars

AvatarIcon

Pro

Loading preview...

Import AvatarIcon from @/components/blocks/avatars

AvatarEditable

Pro

Loading preview...

Import AvatarEditable from @/components/blocks/avatars

AvatarUpload

Pro

Loading preview...

Import AvatarUpload from @/components/blocks/avatars

AvatarAnimated

Pro

Loading preview...

Import AvatarAnimated from @/components/blocks/avatars

AvatarHover

Pro

Loading preview...

Import AvatarHover from @/components/blocks/avatars

ImageSimple

Pro

Loading preview...

Import ImageSimple from @/components/blocks/avatars

ImageRounded

Pro

Loading preview...

Import ImageRounded from @/components/blocks/avatars

ImageCircle

Pro

Loading preview...

Import ImageCircle from @/components/blocks/avatars

ImageWithCaption

Pro

Loading preview...

Import ImageWithCaption from @/components/blocks/avatars

ImageWithOverlay

Pro

Loading preview...

Import ImageWithOverlay from @/components/blocks/avatars

ImageWithZoom

Pro

Loading preview...

Import ImageWithZoom from @/components/blocks/avatars

ImageWithLightbox

Pro

Loading preview...

Import ImageWithLightbox from @/components/blocks/avatars

ImageGallery

Pro

Loading preview...

Import ImageGallery from @/components/blocks/avatars

ImageGrid

Pro

Loading preview...

Import ImageGrid from @/components/blocks/avatars

ImageCarousel

Pro

Loading preview...

Import ImageCarousel from @/components/blocks/avatars

ImageSlider

Pro

Loading preview...

Import ImageSlider from @/components/blocks/avatars

ImageComparison

Pro

Loading preview...

Import ImageComparison from @/components/blocks/avatars

ImageBeforeAfter

Pro

Loading preview...

Import ImageBeforeAfter from @/components/blocks/avatars

ImageLazy

Pro

Loading preview...

Import ImageLazy from @/components/blocks/avatars

ImagePlaceholder

Pro

Loading preview...

Import ImagePlaceholder from @/components/blocks/avatars

ImageResponsive

Pro

Loading preview...

Import ImageResponsive from @/components/blocks/avatars

ImageCover

Pro

Loading preview...

Import ImageCover from @/components/blocks/avatars

ImageContain

Pro

Loading preview...

Import ImageContain from @/components/blocks/avatars

ImageWithBadge

Pro

Loading preview...

Import ImageWithBadge from @/components/blocks/avatars

ImageWithLabel

Pro

Loading preview...

Import ImageWithLabel from @/components/blocks/avatars

ThumbnailSimple

Pro

Loading preview...

Import ThumbnailSimple from @/components/blocks/avatars

ThumbnailHover

Pro

Loading preview...

Import ThumbnailHover from @/components/blocks/avatars

ThumbnailVideo

Pro

Loading preview...

Import ThumbnailVideo from @/components/blocks/avatars

ThumbnailPlay

Pro

Loading preview...

Import ThumbnailPlay from @/components/blocks/avatars

ThumbnailOverlay

Pro

Loading preview...

Import ThumbnailOverlay from @/components/blocks/avatars

ThumbnailCaption

Pro

Loading preview...

Import ThumbnailCaption from @/components/blocks/avatars

ThumbnailGrid

Pro

Loading preview...

Import ThumbnailGrid from @/components/blocks/avatars

ThumbnailList

Pro

Loading preview...

Import ThumbnailList from @/components/blocks/avatars

ThumbnailStack

Pro

Loading preview...

Import ThumbnailStack from @/components/blocks/avatars

ThumbnailGroup

Pro

Loading preview...

Import ThumbnailGroup from @/components/blocks/avatars

ThumbnailWithBadge

Pro

Loading preview...

Import ThumbnailWithBadge from @/components/blocks/avatars

ThumbnailWithDuration

Pro

Loading preview...

Import ThumbnailWithDuration from @/components/blocks/avatars

ThumbnailSelectable

Pro

Loading preview...

Import ThumbnailSelectable from @/components/blocks/avatars

ThumbnailCheckbox

Pro

Loading preview...

Import ThumbnailCheckbox from @/components/blocks/avatars

ThumbnailPreview

Pro

Loading preview...

Import ThumbnailPreview from @/components/blocks/avatars

ThumbnailZoom

Pro

Loading preview...

Import ThumbnailZoom from @/components/blocks/avatars

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