@saas-billkit/react

React hooks and components for SaaS BillKit. Provides ready-to-use hooks for plans, subscriptions, credits, usage, and invoices.

Installation

npm install @saas-billkit/react @saas-billkit/core react

Quick Start

import { BillkitProvider, usePlans, useSubscription } from '@saas-billkit/react'

function App() {
  return (
    <BillkitProvider config={{ baseUrl: '/api/billing' }}>
      <BillingPage />
    </BillkitProvider>
  )
}

function BillingPage() {
  const { plans, loading } = usePlans()
  const { subscription } = useSubscription(customerId)
  const { balance } = useCreditBalance(customerId)

  if (loading) return <div>Loading...</div>
  return (
    <div>
      {plans.map((p) => (
        <div key={p.id}>{p.name}</div>
      ))}
    </div>
  )
}

Documentation

Full documentation available at github.com/MajorAbdullah/saas-billkit

License

MIT