Badge Components
A badge is a small UI element that displays important information and draws attention to it. It can either be in the form of a stand-alone component, or displayed within a component such as a button.
Badges
Large
Avatar Components
An avatar is a small image or icon that represents a user and their account or content.
Avatars
HC
![](https://framerusercontent.com/images/3FLphn4nNQcp8m6DWDVn5OAPXI.jpg?scale-down-to=512)
HC
![](https://framerusercontent.com/images/3FLphn4nNQcp8m6DWDVn5OAPXI.jpg?scale-down-to=512)
HC
![](https://framerusercontent.com/images/3FLphn4nNQcp8m6DWDVn5OAPXI.jpg?scale-down-to=512)
Rounded
HC
![](https://framerusercontent.com/images/3FLphn4nNQcp8m6DWDVn5OAPXI.jpg?scale-down-to=512)
HC
![](https://framerusercontent.com/images/3FLphn4nNQcp8m6DWDVn5OAPXI.jpg?scale-down-to=512)
HC
![](https://framerusercontent.com/images/3FLphn4nNQcp8m6DWDVn5OAPXI.jpg?scale-down-to=512)
Sqaured
HC
![](https://framerusercontent.com/images/PG4cOpBLtqxuXBD6d3WiUXFrk.jpg)
HC
![](https://framerusercontent.com/images/U3WFEPbWYoJwKrXonqAMZWaJoc.jpg?scale-down-to=4096)
HC
![](https://framerusercontent.com/images/TmZKRYlLemMBcIbMlkhBlEBZMnI.jpg?scale-down-to=4096)
HC
![](https://framerusercontent.com/images/4dJaVm4S45WuLYskIGWdULokw.jpg?scale-down-to=4096)
Group
HC
![](https://framerusercontent.com/images/3FLphn4nNQcp8m6DWDVn5OAPXI.jpg?scale-down-to=512)
HC
![](https://framerusercontent.com/images/3FLphn4nNQcp8m6DWDVn5OAPXI.jpg?scale-down-to=512)
HC
![](https://framerusercontent.com/images/3FLphn4nNQcp8m6DWDVn5OAPXI.jpg?scale-down-to=512)
Presence Indicator
JS
JS
JS
Placeholder
HC
![](https://framerusercontent.com/images/3FLphn4nNQcp8m6DWDVn5OAPXI.jpg?scale-down-to=512)
HC
![](https://framerusercontent.com/images/3FLphn4nNQcp8m6DWDVn5OAPXI.jpg?scale-down-to=512)
HC
![](https://framerusercontent.com/images/3FLphn4nNQcp8m6DWDVn5OAPXI.jpg?scale-down-to=512)