BlockReactSelf-contained

pricing-2

Grid layout pricing with full-width dividers and feature lists.

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 @efferd/pricing-2

Needs @efferd in your components.json registries — switch to URL if it doesn't resolve.

4 variants

Other takes on pricing-2 from @efferd — the same idea in another design, language or styling.

Side-by-side monthly and yearly pricing cards with discount badges.

@efferd

YouTube icon

Split layout with heading and scattered rounded integration cards with mask.

Decor icon component.

Lazy image component.

Facebook icon

Minimal 404 error page with bold typography, subtle borders, and clear navigation actions.

Outline text component.

Apple icon