For AI Agents
Hand your agent this brief or the ReUI MCP, not a screenshot. Installs with a ReUI Pro or Ultimate license.
Best for: Flat, per seat and quoted plans as 3 cards on a canvas dot grain that fills the section, with a customer wordmark row below
When to use
- A public plans section with 3 or 4 tiers side by side, each with a price, its inclusions and its own button
- A plan comparison matrix that lines up each tier's limits and included features row by row
- An upgrade dialog or paywall inside the product, where a user picks a plan and a billing period
When not to use
- A section that stays dark in light and dark themes, with tinted cards: use the Agency Pricing block
- Four tiers with a Free plan and help links to a comparison and an FAQ: use the Pricing FAQ Links block
- A back office where staff edit the plan catalog, coupons or a customer's subscription: use the Billing blocks
- Store products weighed side by side on specs and star ratings before a purchase: use the Comparison blocks
- One plan choice made as a single input inside a signup or checkout form: use the Radio Group component
Agent notes
PlanPricinghasflat,seatandquotekinds; only the first two follow the period tabs, andquoteholds itsfromMonthlyfloorTRUST_LOGOSentries are sample wordmarks whoseheightis tuned per mark so the letters share a band; retune it when you swap oneDotFieldpaints a canvas in an effect, sized to the whole section; tunePEAKfor how loud the grain reads behind the cards- Each plan's
hrefinPLANSis a hash placeholder that its plan button links to; point it at your signup, checkout or sales route - Plan prices print through a
currencyformatter pinned to en-US dollars withmaximumFractionDigits0; edit it for cents or another currency
https://web.dev.reui.io/blocks/marketing/pricing/pricing-4.mdget_block("pricing-4")npx shadcn@latest add @reui/pricing-4Shadcn Customer Logo Pricing Block
Pricing section with 3 plan cards, a billing tab switch and a customer logo row. Part of the ReUI Shadcn Marketing Pricing blocks collection.
3-tier SaaS pricing on a dot grain: Monthly or Annual tabs reprice flat Basic and per-seat Business, and quoted Enterprise holds. A Best Value badge tops Business; check or minus rows mark gaps. Built on Card, Tabs, Badge. For free trial pricing.
It is composed from Badge, Button, Card, Separator, Tabs, so every part of it is a primitive you can restyle with your own design tokens.
What You Can Build With the Customer Logo Pricing Block
- Install it with the ReUI registry command in the toolbar above, then swap the placeholder content, data wiring, and business logic for your own.
- Compare it across all eight ReUI styles and both the Base UI and Radix bases in the customizer before committing to one direction.
- Combine it with the other Shadcn Marketing Pricing blocks to assemble a full screen instead of a single section.
All Shadcn Marketing Pricing Blocks
The rest of this category, each on its own page with a live preview, the components it is built from, and the install command.
- Seat Stepper Pricing 4-tier pricing table with a monthly or yearly toggle and a seat stepper that reprices Team
- Plan Comparison Plan comparison table with a sticky plan head and metered usage rows
- Per-Seat Pricing Per-seat pricing table with team size tabs, 3 plan columns and a 13-row feature comparison
- Pricing FAQ Links Pricing section with 4 plan cards, a monthly or yearly tab switch and 2 help links
- Agency Pricing Dark pricing section with 3 plan cards, billing tabs and a customer logo row
- Upgrade Plan Dialog Pricing dialog with a plan rail, billing tabs and a plan detail panel
- Usage Limit Upgrade Pricing dialog with framed plan cards, billing tabs and a feature table
Related Shadcn Marketing Block Categories
- Blog (6) Blog post layouts, article grids, and content listing components for editorial sites.
- Compare (3) Versus sections that set a product against the workflow it replaces, as a feature matrix, a card beside a plain list or 2 step tracks.
- Contact (6) Contact forms, support and enquiry sections, and office detail panels for business and portfolio sites.
- CTA (17) Call to action sections that close a page, from centered email captures and split layouts to full-width banners with photos and proof rows.
- FAQ (6) FAQ and accordion sections for common questions, knowledge bases, and support pages.
- Hero (16) Hero sections with announcement pills, two-tone headlines, dual calls to action, and framed product consoles.
All Shadcn Block Groups
Browse the full ReUI Shadcn blocks library by product surface. Each group bundles category-level blocks you can mix and match across your project.
- Shadcn Application Blocks (303) Browse 303 Shadcn Application blocks across 23 categories.
- Shadcn Data Grid Blocks (47) Browse 47 Shadcn Data Grid blocks across 9 categories.
- Shadcn Charts Blocks (52) Browse 52 Shadcn Charts blocks across 10 categories.
- Shadcn Solutions Blocks (76) Browse 76 Shadcn Solutions blocks across 11 categories.
- Shadcn AI & Agents Blocks (22) Browse 22 Shadcn AI & Agents blocks across 3 categories.
- Shadcn eCommerce Blocks (87) Browse 87 Shadcn eCommerce blocks across 13 categories.
- Shadcn Marketing Blocks (67) Browse 67 Shadcn Marketing blocks across 8 categories.
Frequently Asked Questions
When should I use the Customer Logo Pricing block?
Use it for flat, per seat and quoted plans as 3 cards on a canvas dot grain that fills the section, with a customer wordmark row below.
The Pricing category fits:
- A public plans section with 3 or 4 tiers side by side, each with a price, its inclusions and its own button
- A plan comparison matrix that lines up each tier's limits and included features row by row
- An upgrade dialog or paywall inside the product, where a user picks a plan and a billing period
For a section that stays dark in light and dark themes, with tinted cards, use the Agency Pricing block. For four tiers with a Free plan and help links to a comparison and an FAQ, use the Pricing FAQ Links block. For a back office where staff edit the plan catalog, coupons or a customer's subscription, use the Billing blocks. For store products weighed side by side on specs and star ratings before a purchase, use the Comparison blocks. For one plan choice made as a single input inside a signup or checkout form, use the Radio Group component.
What is the Customer Logo Pricing block built with?
Can I restyle the Customer Logo Pricing block?
How should I use Shadcn pricing blocks in a real project?
Start building with ReUI Pro today.
Every Pro block, every style, and every future addition, with one license for unlimited projects.
From $249, once. Lifetime updates.