🎉
Get 30% Off Early Access!
Unlock exclusive early access to Framer Toys at a special discounted rate. Don’t miss out!
Framer badge components
Add a touch of flair and functionality with Framer Badge Components. Perfect for highlighting important information, such as new features, discounts, or notifications, these customizable badges help draw attention to key details on your website. Simple to integrate and stylishly designed, they elevate your user experience with ease.
Simple badge
Small
Medium
Large
Simple badge setting options
Type
Type
Type
Description
Description
Description
Text
Text
Text
Optional and customizable according to preference.
Optional and customizable according to preference.
Optional and customizable according to preference.
Font
Font
Font
The font, font weight, font size, and color are fully customizable, optional, and unrestricted. Each breakpoint can be edited independently.
The font, font weight, font size, and color are fully customizable, optional, and unrestricted. Each breakpoint can be edited independently.
The font, font weight, font size, and color are fully customizable, optional, and unrestricted. Each breakpoint can be edited independently.
Icon
Icon
Icon
The icon can be chosen according to your preferences. It is possible to choose a variant with the icon on the left, on the right, or without it.
The icon can be chosen according to your preferences. It is possible to choose a variant with the icon on the left, on the right, or without it.
The icon can be chosen according to your preferences. It is possible to choose a variant with the icon on the left, on the right, or without it.
Background color
Background color
Background color
Optional and customizable according to preference.
Optional and customizable according to preference.
Optional and customizable according to preference.
Border color
Border color
Border color
Optional and customizable according to preference.
Optional and customizable according to preference.
Optional and customizable according to preference.
Detail badge
Detail badge setting options
Type
Type
Type
Description
Description
Description
Text
Text
Text
Optional and customizable according to preference.
Optional and customizable according to preference.
Optional and customizable according to preference.
Font
Font
Font
The font, font weight, font size, and color are fully customizable, optional, and unrestricted. Each breakpoint can be edited independently.
The font, font weight, font size, and color are fully customizable, optional, and unrestricted. Each breakpoint can be edited independently.
The font, font weight, font size, and color are fully customizable, optional, and unrestricted. Each breakpoint can be edited independently.
Icon
Icon
Icon
The icon can be chosen according to your preferences. It is possible to choose a variant with the icon on the left, on the right, or without it.
The icon can be chosen according to your preferences. It is possible to choose a variant with the icon on the left, on the right, or without it.
The icon can be chosen according to your preferences. It is possible to choose a variant with the icon on the left, on the right, or without it.
Background color
Background color
Background color
Optional and customizable according to preference.
Optional and customizable according to preference.
Optional and customizable according to preference.
Border color
Border color
Border color
Optional and customizable according to preference.
Optional and customizable according to preference.
Optional and customizable according to preference.
Last updated on February 3, 2025
Share this component
Share this component
Share this component
©2025, Framer Toys by Design Freaks
©2025, Framer Toys by Design Freaks
©2025, Framer Toys by Design Freaks
Search Docs...
Search Docs...