Avatar

An image element with a fallback for representing the user.

Source code

Click here to see the source code for this component on GitHub. Feel free to copy it and adjust it for your own use.

npx ui-thing@latest add avatar

These are some examples that I found today over here Origin UI. I think they are cool.

To use these examples you will have to copy the code and adjust it for your own use.

KKRASW

KKMWBB

RA6

KKRAMAJD

KKRAMAJD

Trusted by 60K+ developers.

Autocomplete

Choose from a list of suggested values with full keyboard support.

Badge

A badge is a component that is used to highlight an item's status for quick recognition.