Creative Tim UICreative Tim UI

Three-tier pricing with check/minus icons - shadcn/ui

PRO

3-column pricing grid with Starter, Premium, and Company plans. Features detailed comparison using check and minus circle icons to show included/excluded features.

Preview

Component Details

ID
pricing-block-example
Type
Block
Access
PRO
Category
Pricing
Published
3 Apr 2026

Files Included

  • app/pricing-block-example/page.tsx
  • components/creative-tim/blocks/pricing-block-example.tsx

Components Used

Explore More Blocks

Widgets
WidgetsVersatile widget components for React and Next.js. Build dashboard widgets, stats cards, join-now sections, and data visualization panels with customizable designs.
Blog
BlogElegant blog components and content layouts for React and Next.js. Create beautiful article grids, post previews, author profiles, and content-rich blog experiences.
Table
TableProfessional data table components for React and Next.js. Build product comparisons, crypto trackers, inventory tables, sales reports, member lists, invoices, and transaction records with sortable columns and interactive features.
User Profile
User ProfileProfessional user profile components for React and Next.js. Build user profile cards, account overviews, profile headers with statistics, social media links, and customizable layouts for displaying user information and achievements.
AI Agents
AI AgentsModern AI agent interface components and chat UI blocks for React and Next.js. Create conversational AI experiences, streaming responses, and interactive agent interfaces.
Modals
ModalsBeautiful modal and dialog components for React and Next.js. Build popups, confirmations, forms, and interactive overlay interfaces with accessible components.
Maintenance
MaintenanceProfessional maintenance and downtime page components for React and Next.js. Build scheduled maintenance notifications, system upgrade messages, and under construction pages with email notifications and social links.
Navbar
NavbarResponsive navigation bar components for React and Next.js. Build top navigation menus, mobile-friendly headers, search bars, breadcrumbs, and navigation layouts with dropdowns, icons, and user profiles.