@geenius/pricing

Production-ready pricing plans, comparison tables, billing controls, and admin helpers for Geenius apps.

Installation

pnpm add @geenius/pricing

Imports

import { DEFAULT_PRICING, configurePricing } from "@geenius/pricing";
import { sortPlansByOrder } from "@geenius/pricing/shared";
import { PricingTable, PricingPage, usePricing } from "@geenius/pricing/react";
import { PricingTable as CssPricingTable } from "@geenius/pricing/react-css";
import { createPricing, PricingPage as SolidPricingPage } from "@geenius/pricing/solidjs";
import { PricingTable as SolidCssPricingTable } from "@geenius/pricing/solidjs-css";
import { schema, listPlans, upsertPlan } from "@geenius/pricing/convex";

Usage

import { PricingTable } from "@geenius/pricing/react";

const plans = [
  {
    id: "starter",
    name: "Starter",
    tier: "starter",
    tagline: "For the first production workflow.",
    monthlyPrice: 2900,
    yearlyPrice: 27840,
    currency: "USD",
    features: [
      { id: "projects", name: "Projects", availability: "included", value: "3 active projects" },
    ],
    limits: { users: 5, projects: 3 },
    order: 0,
    active: true,
  },
];

export function PricingRoute() {
  return (
    <PricingTable
      plans={plans}
      currentPlan="starter"
      onSelect={() => undefined}
    />
  );
}

Storybook

• React Storybook App
• SolidJS Storybook App

Both Storybook apps compare the Tailwind-style runtime packages against the static CSS variants side by side.

License

MIT