ImpactBadges

What it does

ImpactBadges gives your Framer site a reusable badge scorecard for communicating performance, sustainability, privacy, product impact, or certification proof. Each badge can show a title, description, icon, score, grade, progress meter, proof status, report link, and expandable detail panel. Use it as a minimal trust row, a sustainability scorecard, a product impact module, or a compact certification block.

Features

Create multiple editable badges with custom titles, descriptions, icons, logo images, scores, suffixes, grades, proof labels, themes, colors, and report links. Choose from seven meter styles: circular ring, pill, bar, grade, icon only, compact, and detailed. Display verified, estimated, self-reported, or no proof state with matching visual labels. Add detailed supporting information such as data source, measurement method, last updated date, certification body, certificate ID, metric breakdown, baseline improvement, and CTA links. Supports use-case labels for Sustainability Scorecard, Product Impact, Performance Scorecard, and Trust & Certifications. Layout options include auto-fit, three columns, two columns, stacked, carousel, compact product, and comparison. Mobile behavior can stack or scroll. Motion controls include animated rings, count-up scores, progress drawing, staggered entrance, hover lift, verified glow, scroll reveal, and gradient rings, all respecting reduced-motion preferences. Full styling controls cover background, card fill, border, text, muted text, accent, track color, font, radius, gap, card width, ring size, compact ring size, density, equal height, and category header visibility.

How to use

Add ImpactBadges to your Framer canvas and edit the badge list in the property panel. For each badge, add a title, description, score, grade, icon or logo, proof status, and optional report details. Choose the use case, layout, density, detail behavior, and mobile behavior. Use circular meters for performance or sustainability scores, pill or grade styles for compact proof rows, and detailed meters when you want the score to feel more analytical. Add report URLs or CTA links when visitors need to verify claims. Customize the colors, font, rings, spacing, and animations to match your brand.

Ideal for

SaaS landing pages, green-hosted websites, privacy-first products, sustainability reports, ecommerce product pages, certification sections, AI tool trust pages, performance-focused portfolios, agency case studies, climate-conscious brands, analytics dashboards, product impact modules, and any Framer site that needs to communicate proof, trust, speed, or sustainability at a glance.

Refund Policy

This is a digital product with instant access. All sales are final once the files or download link have been delivered, except where required by law. Refunds are not offered for change of mind, accidental purchases, lack of Framer experience, failure to read the description, third-party compatibility issues, or changes made after purchase. If the component has a reproducible technical defect caused by the original product, contact me within 7 days with your order email and evidence of the issue. I will first try to fix or replace the file. A refund may only be considered if the issue cannot be resolved. Your statutory rights are not affected.