BlockDex

Components

Registries

Free blocks

Method

BlockDex

Components

Registries

Free blocks

Method

Open API

BlockDex

Components

Registries

Free blocks

Method

Open API

Components/paddle/pricing-select-cards

Pricing select cards

paddle/pricing-select-cards
FreeComponent

Selectable pricing cards with localized prices from Paddle, available in stacked and grid layouts. Uses RadioGroup for single-plan selection — designed for express checkout flows.

Install it

npx shadcn@latest add https://developer.paddle.com/r/pricing-select-cards.json

Source

registry/new-york/blocks/pricing-select-cards/components/pricing-select-card.tsxdeveloper.paddle.com/r/pricing-select-cards.json
1export {
2 PricingSelectCardStacked,
3 type PricingSelectCardStackedProps,
4} from "./pricing-select-card-stacked"
5export { PricingSelectCardGrid, type PricingSelectCardGridProps } from "./pricing-select-card-grid"
6export {
7 PricingSelectCardGroup,
8 type PricingSelectCardGroupProps,
9} from "./pricing-select-card-group"
10
11/**
12 * Plan configuration for use with PricingSelectCardGroup and ExpressCheckout.
13 * Maps to a single Paddle price ID — pass an array of these to describe
14 * the selectable plans in a checkout or pricing selector.
15 */
16export type PricingSelectPlan = {
17 priceId: string
18 name: string
19 description?: string
20 badge?: string
21 icon?: React.ReactNode
22}

What it pulls in

npm packages

  • lucide-react

Other registry items

  • @paddle/paddle-helpers
  • card
  • badge
  • skeleton
  • radio-group

Files it writes

  • registry/new-york/blocks/pricing-select-cards/components/pricing-select-card.tsx
  • registry/new-york/blocks/pricing-select-cards/components/pricing-select-card-stacked.tsx
  • registry/new-york/blocks/pricing-select-cards/components/pricing-select-card-grid.tsx
  • registry/new-york/blocks/pricing-select-cards/components/pricing-select-card-group.tsx

Facts

Registry
paddle
Type
registry:component
Access
Free
Files written
4
Licence
Apache-2.0
First indexed
2026-08-01
Last confirmed
2 days ago

Go to the source

developer.paddle.com PaddleHQ/paddle-ui on GitHub Raw registry item This item as JSON

More from paddle

All 14 items
Same registry, same kind — the ones you would have found next
ComponentRegistryKindAccessInstallsCommand
Billing interval togglebilling-interval-togglepaddleComponentsFreeno deps
Checkout summarycheckout-summarypaddleComponentsFreeno deps · 3 files
Plan change breakdownplan-change-breakdownpaddleComponentsFree1 dep · 3 files
Plan change previewplan-change-previewpaddleComponentsFree1 dep · 3 files
Pricing cardspricing-cardspaddleComponentsFree1 dep · 2 files
Subscription alertsubscription-alertpaddleComponentsFree1 dep · 3 files
Subscription payment cardsubscription-payment-cardpaddleComponentsFree1 dep · 3 files
Subscription status cardsubscription-status-cardpaddleComponentsFree1 dep · 3 files
BlockDex

Built by

Kynth Studio

Index

Components
Registries
Method
Open API

Guides

shadcn component libraries
Best shadcn registries
Free shadcn blocks

Reference

Corpus counts
Crawl health
hello@kynth.studio
Privacy
Terms

BlockDex

BlockDex

Built by

Kynth Studio

Index

Components
Registries
Method
Open API

Guides

shadcn component libraries
Best shadcn registries
Free shadcn blocks

Reference

Corpus counts
Crawl health
hello@kynth.studio
Privacy
Terms

BlockDex

BlockDex

Built by

Kynth Studio

Index

Components
Registries
Method
Open API

Guides

shadcn component libraries
Best shadcn registries
Free shadcn blocks

Reference

Corpus counts
Crawl health
hello@kynth.studio
Privacy
Terms

BlockDex