BlockReactregistry:block8 dependencies

Pricing

pricing

An example pricing page — three plans with feature checklists.

Live

Starting the live preview…

Runs in a sandboxed frame on a separate origin. Mounted with no props — some items need input to show anything.

Install

npx shadcn@latest add @1st-pouf/pricing

Needs @1st-pouf in your components.json registries — switch to URL if it doesn't resolve.

@1st-pouf

A complete marketing route — navbar, hero, proof, features, pricing, CTA, and footer.

An example weather card — current conditions, hourly, and a 5-day forecast.

An example auth screen — card, fields, and buttons.

An example now-playing screen — album art, scrubber, and a queue.

An example blog index — a featured post and a grid of cards.