Avatar
User avatar
For avatars with user status, visit the badge page to preview and copy the component.
User avatar with photo fill
Image aspect ration:
48px X 48px
Image aspect ration:
40px X 40px
Image aspect ration:
32px X 32px
Avatar with no image
Frame aspect ration:
48px X 48px
Frame aspect ration:
40px X 40px
Frame aspect ration:
32px X 32px
Avatar with initial - Dark
AR
Aspect ration:
48px X 48px
AR
Aspect ration:
40px X 40px
AR
Aspect ration:
32px X 32px
Avatar with initial - Light
AR
Aspect ration:
48px X 48px
AR
Aspect ration:
40px X 40px
AR
Aspect ration:
32px X 32px
User avatar GROUP with photo
Avatar size:
Large (48px)
Avatar size:
Medium (40px)
Avatar size:
Small (32px)
Initial avatar GROUP - Dark
AR
LK
EV
BH
+5
Solid avatar:
Large (48px)
AR
LK
EV
BH
+5
Solid avatar
Medium (40px)
AR
LK
EV
BH
+5
Solid avatar
Small (32px)
Solid avatar GROUP - Light
AR
LK
EV
BH
+5
Solid avatar:
Large (48px)
AR
LK
EV
BH
+5
Solid avatar
Medium (40px)
AR
LK
EV
BH
+5
Solid avatar
Small (32px)
Framerstacks
All the elements are built in Framer.com, nothing is imported or added from any other designing tools. Leveraged AI to create code overrides and code components.
Components
Sections
Just try