{"id":30619121,"url":"https://github.com/dodopayments/billingsdk","last_synced_at":"2025-08-30T12:17:23.143Z","repository":{"id":311338450,"uuid":"1034520943","full_name":"dodopayments/billingsdk","owner":"dodopayments","description":"Modern Billing \u0026 Monetization UI Components Library","archived":false,"fork":false,"pushed_at":"2025-08-23T20:44:48.000Z","size":2755,"stargazers_count":32,"open_issues_count":1,"forks_count":7,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-08-24T08:32:09.638Z","etag":null,"topics":["billing","dodopayments","nextjs","react","sdk","shadcn","tailwindcss","typescript"],"latest_commit_sha":null,"homepage":"https://billingsdk.com","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dodopayments.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-08-08T14:20:56.000Z","updated_at":"2025-08-24T06:23:39.000Z","dependencies_parsed_at":"2025-08-24T09:07:09.733Z","dependency_job_id":"c7fba79f-9706-4bba-8ac2-8d2e7471abf8","html_url":"https://github.com/dodopayments/billingsdk","commit_stats":null,"previous_names":["dodopayments/billingsdk"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/dodopayments/billingsdk","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dodopayments%2Fbillingsdk","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dodopayments%2Fbillingsdk/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dodopayments%2Fbillingsdk/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dodopayments%2Fbillingsdk/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dodopayments","download_url":"https://codeload.github.com/dodopayments/billingsdk/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dodopayments%2Fbillingsdk/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":272847530,"owners_count":25003219,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-30T02:00:09.474Z","response_time":77,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["billing","dodopayments","nextjs","react","sdk","shadcn","tailwindcss","typescript"],"created_at":"2025-08-30T12:17:22.068Z","updated_at":"2025-08-30T12:17:23.104Z","avatar_url":"https://github.com/dodopayments.png","language":"TypeScript","funding_links":[],"categories":["Integrated"],"sub_categories":[],"readme":"# Billing SDK\n[![GitHub stars](https://img.shields.io/github/stars/dodopayments/billingsdk?style=social)](https://github.com/dodopayments/billingsdk/stargazers)\n[![Discord](https://img.shields.io/badge/chat-on%20discord-7289DA.svg)](https://discord.gg/bYqAp4ayYh)\n[![Twitter Follow](https://img.shields.io/twitter/follow/dodopayments?label=Follow\u0026style=social)](https://twitter.com/dodopayments)\n![License](https://img.shields.io/github/license/dodopayments/billingsdk)\n\n\nModern, type-safe billing and subscription management components for React, built with TypeScript and Tailwind CSS. Designed to work seamlessly alongside shadcn/ui.\n\n## Table of Contents\n\n- [Overview](#overview)\n- [Features](#features)\n- [Components](#components)\n- [Quick Example](#quick-example)\n- [Tech Stack](#tech-stack)\n- [Quick Start](#quick-start)\n- [Installation in Your Project](#installation-in-your-project)\n- [Documentation](#documentation)\n- [Contributing](#contributing)\n- [Contributors](#contributors)\n- [License](#license)\n\n## Overview\n\nBilling SDK provides production-ready UI building blocks for pricing, usage, and subscription workflows. Drop them into your app, wire up your data, and ship faster with consistent UX.\n\n## Features\n\n- **Ready-to-use components**: End-to-end billing and subscription building blocks\n- **Multiple themes**: Classic, Minimal, and custom theme tokens\n- **Responsive by default**: Optimized for mobile, tablet, and desktop\n- **TypeScript-first**: Strongly typed props for safe composition\n- **Easy integration**: One-command install via shadcn/ui registry\n\n## Components\n\n- **Pricing Tables**: Multiple variants for different use cases\n- **Subscription Management**: Manage plans, status, and details\n- **Usage Meters**: Linear and circular quota indicators\n- **Banner Notifications**: Announcements and promotional banners\n- **Plan Updates**: Upgrade/downgrade flows with clear affordances\n- **Cancellation Flow**: Guided cancellation with retention patterns\n\n### Quick Example\n\n```tsx\nimport { PricingTableOne } from \"@/components/billingsdk/pricing-table-one\";\n\nconst plans = [\n  {\n    id: \"starter\",\n    title: \"Starter\",\n    price: 9,\n    period: \"month\",\n    features: [\"100 requests\", \"Basic support\", \"1 project\"],\n    popular: false,\n  },\n  {\n    id: \"pro\",\n    title: \"Pro\",\n    price: 29,\n    period: \"month\",\n    features: [\"Unlimited requests\", \"Priority support\", \"10 projects\"],\n    popular: true,\n  },\n];\n\nexport default function App() {\n  return (\n    \u003cPricingTableOne\n      plans={plans}\n      title=\"Choose your plan\"\n      description=\"Select the plan that works best for you\"\n      onPlanSelect={(planId) =\u003e {\n        console.log(\"Selected plan:\", planId);\n      }}\n      theme=\"classic\"\n      size=\"medium\"\n    /\u003e\n  );\n}\n```\n\n## Tech Stack\n\n- **Runtime**: React 19, Next.js 15\n- **Language**: TypeScript\n- **Styling**: Tailwind CSS\n- **UI**: shadcn/ui\n- **Animation**: Motion\n\n## Quick Start\n\n1. Install dependencies\n```bash\nnpm install\n```\n\n2. Start the development server\n```bash\nnpm run dev\n```\n\n3. Open `http://localhost:3000`\n\n### Installation in Your Project\n\nAdd Billing SDK components to your existing shadcn/ui project:\n\n```bash\nnpx shadcn@latest add https://billingsdk.com/r/[component-name].json\n```\n\n## Documentation\n\nExplore docs, guides and interactive examples:\n\n[billingsdk.com/docs](https://billingsdk.com/docs)\n\n## Contributing\n\nSee [CONTRIBUTING.md](CONTRIBUTING.md) for development setup, project structure, and contribution guidelines.\n\n## Contributors\n\nThanks to all our amazing contributors for their support and code!\n\n\u003ca href=\"https://github.com/dodopayments/billingsdk/graphs/contributors\"\u003e\n  \u003cimg src=\"https://contrib.rocks/image?repo=dodopayments/billingsdk\" /\u003e\n\u003c/a\u003e\n\n## License\n\nThis project is licensed under the GNU General Public License (GPL), which allows you to use, modify, and distribute the software freely, provided that any derivative works are also distributed under the same license.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdodopayments%2Fbillingsdk","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdodopayments%2Fbillingsdk","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdodopayments%2Fbillingsdk/lists"}