sh4dcn
Registries
E-commerce/payments

@paddle

E-commerce/payments · data updated 2026-07-28

The official Paddle JavaScript SDK and TypeScript wrapper for Paddle Billing (v2). Provides initializePaddle, Paddle.Checkout.open(), and Paddle Retain integrations as TypeScript-typed utilities that load Paddle.js securely from the CDN. The shadcn registry exposes drop-in components and wiring patterns for checkout overlays, pricing pages, and subscription management screens. Supports TypeScript 4.1+. Works with Paddle Billing only (not Paddle Classic v1). Free to integrate; Paddle charges transaction fees. Use for: adding Paddle-powered self-serve checkout, subscription upsell flows, or billing management screens to a React or Next.js app.

WebsiteDocsGitHubAgent brief (.md)
@paddle preview
buttonscardse-commerceformshooksmobilepaymentssaas

Install

npx shadcn@latest add https://developer.paddle.com/r/registry.json

Health

StatusUnknown
Last commit—
License—
Open issues—
ArchivedNo
Stars—

Components (14)

paddle-helperspaddle-clientpricing-select-cardsexpress-checkoutbilling-interval-togglepricing-cardspricing-displaycheckout-summaryinline-checkoutsubscription-status-cardsubscription-alertsubscription-payment-cardplan-change-previewplan-change-breakdown
Components: paddle-helpers, paddle-client, pricing-select-cards, express-checkout, billing-interval-toggle, pricing-cards, pricing-display, checkout-summary, inline-checkout, subscription-status-card, subscription-alert, subscription-payment-card, plan-change-preview, plan-change-breakdown

Preview

Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.

@paddle · paddle-helpers

npx shadcn@latest add https://developer.paddle.com/r/paddle-helpers.json
View source