What is ParityEdge and what does it do?

ParityEdge is a sub-10ms edge Purchasing Power Parity (PPP) localization platform and developer SDK. It converts global SaaS pricing into regional discounts across 190+ countries, injects coupons into Stripe and Lemon Squeezy checkouts, and renders isolated Shadow DOM banners with near-zero layout shift (<0.01 CLS).

How do I install the parityedge npm package?

You can install the official parityedge package via npm by running `npm install parityedge` (or `pnpm add parityedge`, `yarn add parityedge`). It has zero third-party runtime dependencies and is under 3 kB gzipped.

How does ParityEdge prevent VPN abuse on discounted pricing?

ParityEdge inspects incoming Autonomous System Numbers (ASNs) at the edge against a comprehensive threat database of 500+ commercial datacenter and proxy providers (such as AWS, Google Cloud, DigitalOcean, Hetzner). Datacenter and VPN visitors are automatically served standard base pricing to stop geographic arbitrage.

How do I use ParityEdge with React and Next.js 15?

After installing `parityedge`, import the React hook and banner component: `import { useParityEdge, ParityBanner } from "parityedge/react";`. It provides zero-flicker SSR hydration and automatic price mutation.

Integration Guide

HTML Script Tag (Vanilla JS / Webflow / Framer)

Q: How do I install the parityedge npm package?

You can install the official parityedge package via npm by running `npm install parityedge` (or `pnpm add parityedge`, `yarn add parityedge`). It has zero third-party runtime dependencies and is under 3 kB gzipped.

Q: How does ParityEdge prevent VPN abuse on discounted pricing?

ParityEdge inspects incoming Autonomous System Numbers (ASNs) at the edge against a comprehensive threat database of 500+ commercial datacenter and proxy providers (such as AWS, Google Cloud, DigitalOcean, Hetzner). Datacenter and VPN visitors are automatically served standard base pricing to stop geographic arbitrage.

Q: How do I use ParityEdge with React and Next.js 15?

After installing `parityedge`, import the React hook and banner component: `import { useParityEdge, ParityBanner } from "parityedge/react";`. It provides zero-flicker SSR hydration and automatic price mutation.

Embed the zero-dependency script tag on any website, CMS, or landing page builder. Less than 3 kB gzipped, near-zero layout shift (<0.01 CLS), and instant global edge resolution.

Isolated Shadow DOM Banner Injection

Isolated Open Shadow RootZero CSS collisions • Fully Responsive

Basic Script Tag

Paste this script tag before the closing </body> or in the <head> of your website:

<!-- High-Performance Edge Script -->
<script
  src="https://api.parityedge.app/v1/parity.global.js"
  data-project-id="prj_live_YOUR_KEY"
  data-position="bottom-pill"
  data-theme="dark"
  async>
</script>

HTML Attributes Reference

Attribute	Target Element	Description
data-project-id	<script>	Your public project authentication key (`prj_live_...`).
data-position	<script>	Banner placement: `bottom-pill`, `top-bar`, or `modal`.
data-theme	<script>	Color theme: `dark`, `light`, or `glassmorphic`.
data-parity-base	Any price element	Base price in USD. Automatically recalculated when a parity discount applies (e.g. `49` → `24.50`).
data-parity-currency-symbol	Any price element	Currency symbol prefixed to the discounted price. Defaults to `$`. Use for non-USD pricing (e.g. `€` → `€24.50`).

Automatic Stripe & Lemon Squeezy Promo Code Injection

Any checkout links matching Stripe Payment Links (buy.stripe.com) or Lemon Squeezy (lemonsqueezy.com/checkout) are automatically updated with prefilled discount codes.

<!-- Transformed automatically to: https://buy.stripe.com/abc?prefilled_promo_code=PARITY50 -->
<a href="https://buy.stripe.com/abc">Purchase License</a>

← Global PPP Tiers & Map React SDK Guide