Back to blocks
pricing
Block

Three Tier Pricing

A three-tier pricing table with highlighted popular option

Installation

npx shadcn add @mylo-ui/pricing-three-tier

Preview

Simple, transparent pricing

Choose the plan that's right for you. All plans include a 14-day free trial.

Starter

Perfect for trying out

$0/month
  • 5 projects
  • Basic components
  • Community support
  • 1 team member
Most Popular

Pro

Best for professionals

$29/month
  • Unlimited projects
  • All components
  • Priority support
  • 10 team members
  • Custom themes
  • Analytics

Enterprise

For large organizations

$99/month
  • Everything in Pro
  • Unlimited team members
  • Dedicated support
  • Custom integrations
  • SLA guarantee
  • SSO & SAML

Usage

import { PricingThreeTier } from "@/components/blocks/pricing-three-tier"

export default function Page() {
  return <PricingThreeTier />
}

Dependencies

lucide-react

shadcn/ui Components

card
button
badge