Embedded Widgets | Metrifox
World-Class Monetization UI.Zero Engineering Overhead.
Don't waste months building billing dashboards and pricing tables. Drop in our high-performance, white-labeled widgets and give your customers a transparent, self-service experience in minutes.
See Widgets in Action View Documentation
Choose your plan
Monthly Annual
Starter
$29 /month
Popular
Pro
$99 /month
Enterprise
$299 /month
Subscribe to Pro
"Build your AI, not your billing UI. Metrifox gives you the frontend components that would take a dedicated team six months to build—available to you in six minutes."
The core widget suite
Three powerful components that cover every monetization touchpoint—working together seamlessly.
Smart Pricing Table
Choose your plan
Monthly Annual
Starter
5,000 credits/mo
$49 /month
Popular
Pro
25,000 credits/mo
$199 /month
Scale
100,000 credits/mo
$499 /month
- Usage-based tiers
- A/B test pricing
- Mobile-optimized
Usage-Aware Checkout
Pro Plan
Annual subscription $2388
Included credits 300,000
Annual discount -$358
Total $2029
Pay with Stripe
Stripe • 100+ methods • Tax compliant
- Global tax compliance
- 2.3x faster conversion
- Credits + subscriptions
Customer Portal
Pro Plan
5 seats • Billed annually
- Inactive
- Credits Used 0 / 25,000
- Team Seats 5/10
- Invoices Manage
- Self-service seats
- Real-time tracking
- Invoice archive
Drop-in Frontend Components
Native components for React and Angular. Drop in beautiful, white-labeled billing widgets in minutes.
Customer Portal Pricing Table
import { CustomerPortal } from '@metrifox/react-sdk';
export default function MyPortalPage() {
return (
<CustomerPortal
customerKey="your-customer-key"
sectionsConfig={[
{ key: "subscription" },
{ key: "plan" },
{ key: "billingHistory" },
]}
/>
);
}
Your brand. Your colors.
Every pixel is customizable. Watch your theme transform widgets in real-time.
Theme Editor
Select Theme
Metrifox
Royal Purple
Midnight
Ocean Blue
Active Colors
Primary
Accent
Your Subscription
Pro Plan • Active
- API Calls 8,421 / 10,000
- Storage 4.2 GB / 10 GB
- Upgrade Plan View Invoices
Built for developers
Everything you need to ship billing UI that feels native to your product.
White-label
Match your brand perfectly with full CSS and theming control. Your logo, your colors, your experience.
Frameworks
Drop-in components for React, Angular, and Vue. Get up and running in minutes, not days.
Frontend SDKs
Native components for React and Angular. Drop-in widgets that match your brand perfectly.
Real-time Sync
Instant updates across all widgets. Usage, entitlements, and invoices sync in real-time.
Ready to ship beautiful billing?
Get started with our widget library and have production-ready billing UI in your app within minutes.