@geenius/stripe

Commercial Stripe billing primitives, framework bindings, CSS variants, and Convex helpers for Geenius apps.

Installation

pnpm add @geenius/stripe

@geenius/stripe is a commercial-licensed package used in Lancio billing add-ons and the Studio billing stack.

Subpath Imports

import { defineStripeConfig } from '@geenius/stripe'
import { formatStripeAmount } from '@geenius/stripe/shared'
import { PricingTable, PaywallGuard } from '@geenius/stripe/react'
import { PricingTable as PricingTableCss } from '@geenius/stripe/react-css'
import '@geenius/stripe/react-css/styles.css'
import { createPricingPlans } from '@geenius/stripe/solidjs'
import { PricingTable as SolidPricingTableCss } from '@geenius/stripe/solidjs-css'
import '@geenius/stripe/solidjs-css/styles.css'
import { stripeTables } from '@geenius/stripe/convex'

Usage

import { defineStripeConfig } from '@geenius/stripe'
import { PricingTable } from '@geenius/stripe/react'

const stripeConfig = defineStripeConfig({
  plans: [
    {
      key: 'pro',
      name: 'Pro',
      description: 'Primary plan',
      stripePriceIdMonthly: 'price_123',
      priceMonthly: 7900,
      currency: 'usd',
      features: [{ label: 'Unlimited projects', included: true }],
    },
  ],
})

export function PricingRoute() {
  return (
    <PricingTable
      config={stripeConfig}
      currentPlanKey="pro"
      onSelectPlan={() => undefined}
    />
  )
}

Package Surfaces

• @geenius/stripe and @geenius/stripe/shared expose the framework-agnostic config, types, errors, and helpers.
• @geenius/stripe/react and @geenius/stripe/solidjs expose hooks or primitives plus unopinionated runtime components.
• @geenius/stripe/react-css and @geenius/stripe/solidjs-css expose local vanilla-CSS components and pages. Their built stylesheets are published at @geenius/stripe/react-css/styles.css and @geenius/stripe/solidjs-css/styles.css.
• @geenius/stripe/convex exposes the Stripe-oriented Convex schema tables, queries, and mutations.

Storybook

The package includes React and SolidJS Storybook review surfaces for maintainers. Each storybook renders the runtime and vanilla-CSS variants side by side so pricing tables, paywall states, subscription badges, and topup flows can be compared against the same Stripe fixtures.

• React Storybook app: apps/storybook-react
• SolidJS Storybook app: apps/storybook-solidjs

License

Commercial license. See LICENSE.