Services 15 - Package comparison tablePro

A Starter, Growth and Scale comparison table with sticky package headers, price, CTA buttons and check, dash or text values per deliverable row. Use it for productized agencies that sell fixed packages and need a side-by-side breakdown.

About Services 15

A Starter, Growth and Scale comparison table with sticky package headers, price, CTA buttons and check, dash or text values per deliverable row. Use it for productized agencies that sell fixed packages and need a side-by-side breakdown.

Services 15 is a pro services block for React, built on shadcn/ui and Tailwind CSS. It ships as 120 lines of TypeScript you own: every piece of copy is a prop with a sensible default, so you can drop it in and replace the content without touching the layout.

  • comparison
  • packages
  • table
  • pricing
  • productized
  • tiers

Installation

  1. Add the Chocolate UI registry to your components.json (see the installation guide).
  2. Run the shadcn CLI:
npx shadcn@latest add @chocolate/services-15

Dependencies installed automatically: lucide-react.

Uses: badge, button, reveal, utils.

Usage

import Services15 from "@/components/blocks/services-15"

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

FAQ