Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

BlockReactregistry:block1 dependency

Avatar Square 7 - Avatar with Count Indicator

avatar-avatar-square-7

Square avatar with red count indicator badge in top-right corner.

@shadcnblocksRegistry JSON
Live, loading

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.

7 variants

Variants of this

Other takes on Avatar Square 7 - Avatar with Count Indicator from @shadcnblocks — the same idea in another design, language or styling.

Square avatar with blue verification check badge.

Open
@shadcnblocks

More from @shadcnblocks

All 806 items
Button Secondary 1 - Secondary button with text
button-button-secondary-1
Block
Bento Tile Bento29 Tile 1 - Modular grid-based UI blocks
bento-tile-bento29-tile1
Block
Autocomplete City - City autocomplete
autocomplete-autocomplete-city
Block
Chart Line Multiple - A multiple line chart
chart-chart-line-multiple
Block
Alert Dialog Destructive 3 - Destructive with Checkbox Confirmation
alert-dialog-alert-dialog-destructive-3
Block
Chart Tooltip Indicator Line - Tooltip - Line Indicator
chart-chart-tooltip-indicator-line
Block
Autocomplete Custom Objects - Autocomplete with custom items
autocomplete-autocomplete-custom-objects
Block
Chart Pie Donut Active - A donut chart with an active sector
chart-chart-pie-donut-active
Block