Pricing 91 - Mobile app in-app purchase sheetPro
A phone frame showing an in-app paywall with weekly, yearly and lifetime products plus coin packs, beside a short value list for the app.
About Pricing 91
A phone frame showing an in-app paywall with weekly, yearly and lifetime products plus coin packs, beside a short value list for the app.
Pricing 91 is a pro pricing block for React, built on shadcn/ui and Tailwind CSS with motion animations that respect reduced-motion settings. It ships as 134 lines of TypeScript you own: every piece of copy is a prop with a sensible default, so you can drop it in and replace the content without touching the layout.
- mobile
- in-app-purchase
- paywall
- app
- subscription
Installation
- Add the Chocolate UI registry to your
components.json(see the installation guide). - Run the shadcn CLI:
npx shadcn@latest add @chocolate/pricing-91Dependencies installed automatically: lucide-react, motion.
Uses: button, reveal, use-reduced-motion, utils.
Usage
import Pricing91 from "@/components/blocks/pricing-91"
export default function Page() {
return <Pricing91 />
}