Timeline

Subscription Lifecycle

Subscription card tracing trial, charges, today and next renewal on one rail, with Manage plan and Cancel buttons. Cancelling rewrites the upcoming renewal as an end date. Client component.

The source comes with full access.

One payment of $149 ($49 for now) opens the source right here and lets the CLI install every paid component, with lifetime updates.

Installation

pnpm dlx shadcn add @01orbital/subscription-lifecycle
npx shadcn add @01orbital/subscription-lifecycle
yarn shadcn add @01orbital/subscription-lifecycle
bunx --bun shadcn add @01orbital/subscription-lifecycle

Part of the 01orbital library. With a license, put ORBITAL_TOKEN in .env.local and the same command installs it (licensed install, pricing).

It lands at components/blocks/timeline/subscription-lifecycle/index.tsx, as source you own and edit.

Usage

import SubscriptionLifecycle from "@/components/blocks/timeline/subscription-lifecycle"

export default function Example() {
  return <SubscriptionLifecycle />
}

Dependencies

npm: @phosphor-icons/react. The CLI installs them for you.

Registry pieces it installs with it: