BlockReactregistry:block2 dependencies

UploadThing Avatar

uploadthing-avatar

A circular avatar uploader with preview, hover state, and upload progress. Perfect for profile pictures.

Live

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

Notes from the author

Circular avatar uploader with camera icon overlay. Supports size variants (sm, md, lg, xl), fallback initials, and custom upload handlers.

Install

npx shadcn@latest add @elements/uploadthing-avatar

Needs @elements in your components.json registries — switch to URL if it doesn't resolve.

Registry: @elements
Kind: Block
Framework: React
Files: 1 · 5.0 KB
Preview: Live
License: MIT

npm dependencies

@uploadthing/react uploadthing

@elements

More from @elements

Search the catalog

UploadThing Avatar

Notes from the author

More from @elements