Welcome to FramerBlocks!

Purchase

Badges & Avatars

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

Badge

Badge

Primary

Primary

Badge

Badge

Badge

Badge

Secondary

Secondary

Badge

Badge

Badge

Badge

Accent

Accent

Badge

Badge

Badge

Badge

Info

Info

Badge

Badge

Badge

Badge

Success

Success

Badge

Badge

Badge

Badge

Warning

Warning

Badge

Badge

Badge

Badge

Error

Error

Badge

Badge

Badge

Badge

Neutral

Neutral

Badge

Badge

Large

Small

Small

Avatar Components

An avatar is a small image or icon that represents a user and their account or content.

Avatars

HC

HC

HC

Rounded

HC

HC

HC

Sqaured

HC

HC

HC

HC

Group

HC

HC

HC

Presence Indicator

JS

JS

JS

Placeholder

HC

HC

HC

Ring

Newsletter

Sign up for the latest news and updates from the Framerblocks team!

FramerBlocks

A comprehensive component library built with Framer, for Framer.

© 2023 FramerBlocks

Newsletter

Sign up for the latest news and updates from the Framerblocks team!

FramerBlocks

A comprehensive component library built with Framer, for Framer.

© 2023 FramerBlocks

Newsletter

Sign up for the latest news and updates from the Framerblocks team!

© 2023 FramerBlocks