Rate Card 1 - Services by rate type table

A freelancer or agency rate card table listing services against hourly, day and project rates, with a currency switcher and a footnote on terms. Use it on consultant sites, agency pricing pages or proposals.

About Rate Card 1

A freelancer or agency rate card table listing services against hourly, day and project rates, with a currency switcher and a footnote on terms. Use it on consultant sites, agency pricing pages or proposals.

Rate Card 1 is a free rate card block for React, built on shadcn/ui and Tailwind CSS. It ships as 111 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.

  • rate card
  • pricing
  • freelancer
  • agency
  • table
  • services
  • currency

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/rate-card-01

Uses: button, reveal, table, utils.

Usage

import RateCard01 from "@/components/blocks/rate-card-01"

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

FAQ