Marketing
Pricing card
Available forNativeWeb
one plan · stack 2–3 on a paywall · highlighted on one
Usage
A paywall stacks two or three plans; highlight the one you recommend, and only one.
API
<PricingCard name price period? description? features action highlighted? />Get it
Already in every copy of the native kit:
import { PricingCard } from '@/components/kit/pricing-card';Details
- Exports
PricingCard- Packages
- lucide-react-native@^1.21.0
- Installs with
- @kit-native/badge, @kit-native/card, @kit-native/icon, @kit-native/lib-utils, @kit-native/text
- Also searched as
- plan, pricing, tier, paywall, subscription
- Registry JSON
- /r/native/pricing-card.json
API
<PricingCard name price period? description? features action highlighted? />Get it
Already in every copy of the web kit:
import { PricingCard } from '@/components/kit/pricing-card';Details
- Exports
PricingCard- Packages
- cn@^0.4.0, lucide-react@^1.52.0
- Installs with
- @kit/badge, card
- Also searched as
- plan, pricing, tier
- Registry JSON
- /r/web/pricing-card.json
Agents: the whole registry is at /llms.txt.