Eco Impact Design Builder
Customize the minimal carbon offset badge to match your marketplace
Design Presets
Preview
On Light Background
3 trees planted
On Dark Background
3 trees planted
Quick Stats
• Size: ~2KB
• Load time: <100ms
• Mobile friendly: Yes
Integration Code
import MinimalEcoImpact from '@/components/widget/MinimalEcoImpact';
<MinimalEcoImpact
config={{
"displayMode": "compact",
"backgroundColor": "rgba(34, 197, 94, 0.05)",
"textColor": "#16a34a",
"accentColor": "#15803d",
"transparency": 0.95,
"fontSize": "text-xs",
"showIcon": true
}}
coOffsetKg={45.2}
trees={3}
/>
