Introducing Badge Kit: Add Custom Badges, Ribbons, Pills, and Labels to Any Bubble Element
Hi everyone,
I just created a Bubble plugin called Badge Kit.
Badge Kit lets you add clean, customizable badges to any Bubble element by targeting element IDs. You can create diagonal ribbons, pills, rectangles, and dropdown-style badge cards for labels like NEW, SALE, Featured, Verified, Beta, Pro, or any custom status message.
It is useful for highlighting new features, premium buttons, sale items, beta areas, important CTAs, verified content, and status labels inside Bubble apps.
What you can customize:
- Badge text
- Background color
- Text color
- Size
- Position
- Spacing
- Shadow
- Border radius
- Animation trigger
- Animation style
- Auto-fit sizing
- Bubble’s built-in font styling
Badge Kit also supports targeting multiple element IDs at once, so you can apply the same badge style to several buttons, groups, links, or elements on the page.
Animation options include:
- Always animated
- Animate on hover
- Animate on click
- Different animation styles
The plugin is designed to work directly from Bubble’s property editor, so you can control everything visually without needing to add custom CSS manually.
Plugin Page:
Demo:
Editor preview:
Would love to hear feedback, feature ideas, or styling options people would like added next.