Skip to main content

​
What are the Metrifox SDKs?

The Metrifox SDKs provide a suite of pre-built UI components and backend utilities designed to simplify billing, subscription management, and entitlement tracking in your application. Instead of building billing portals, pricing tables, and usage trackers from scratch, you can drop in our ready-made widgets and let Metrifox handle the heavy lifting.

​
How it Works

Integration is designed to be simple and consistent across all platforms:
1

Install

Add the SDK package to your project using your package manager (npm, pip, gem, etc.).
2

Initialize

Configure the SDK with your Client Key (for frontend) or Secret Key (for backend).
3

Use Widgets

Drop in components like <CustomerPortal /> or <PricingTable /> directly into your UI.

​
Available Widgets

​
Frontend Widgets

Our frontend SDKs (React, Angular) provide these drop-in UI components:

Customer Portal

A self-serve dashboard for users to manage plans, payment methods, and billing history.

Pricing Table

A conversion-optimized table to display your product plans and offerings.

​
Backend Capabilities

Our backend SDKs (Python, Node.js, Ruby) handle these core functions:

Checkout Integration

Generate secure checkout URLs and handle payment flows.

Entitlement Usage

Track metered usage and check feature access server-side.

​
Supported Languages & Frameworks

Choose the SDK that fits your stack:

​
Frontend

React

Full component library for React 18+ and Next.js.

Angular

Native Angular components and services.

​
Backend

Python

For Django, Flask, and FastAPI.

Node.js

For Express, NestJS, and more.

Ruby

For Rails and Sinatra applications.

​
Live Demo

See the SDK in action with our interactive playground: 👉 Metrifox SDK Playground Click to experience real-time examples of our widgets.

​
Source Code

Explore the full source code for the demos on GitHub:

Metrifox SDK Demo Repo

View the React and Angular demo implementations