Three-plan pricing with a monthly or yearly PricingToggle that swaps the amounts, a featured middle plan marked by a Team favorite badge and solid button, and check-marked feature lists. 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.
pnpm dlx shadcn add @01orbital/three-plan-pricing-01npx shadcn add @01orbital/three-plan-pricing-01yarn shadcn add @01orbital/three-plan-pricing-01bunx --bun shadcn add @01orbital/three-plan-pricing-01Part 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/three-plan-pricing-01/index.tsx, as source you own and edit.
import ThreePlanPricing01 from "@/components/blocks/pricing/three-plan-pricing-01"
export default function Example() {
return <ThreePlanPricing01 />
}npm: @phosphor-icons/react. The CLI installs them for you.
Registry pieces it installs with it:
Three-Plan Pricing with Highlights
Three plans in joined pricing cells with none featured, each listing the same four highlights with a check or a muted minus mark so the plans compare at a glance. Pairs with pricing-11.
Two-Plan Contact Sales Pricing
Two-plan sales-led pricing with no amounts under an Instrument Serif heading: square-cornered bordered cards on shared subgrid rows, each with a marbled CelestographCover, a pill button and an Includes checklist.