Pricing

Two-Plan Pricing with Banners

Two plans in joined pricing cells, each topped by a CelestographPlaceholder banner seeded from the plan name, with a Most teams badge and a solid button on the featured plan.

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/two-plan-pricing-03
npx shadcn add @01orbital/two-plan-pricing-03
yarn shadcn add @01orbital/two-plan-pricing-03
bunx --bun shadcn add @01orbital/two-plan-pricing-03

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/pricing/two-plan-pricing-03/index.tsx, as source you own and edit.

Usage

import TwoPlanPricing03 from "@/components/blocks/pricing/two-plan-pricing-03"

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

Dependencies

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

Registry pieces it installs with it: