Projects 3 - Alternating rows with deliverablesPro

Project rows alternate image and copy sides, each with a client line, short brief and a checklist of deliverables.

About Projects 3

Project rows alternate image and copy sides, each with a client line, short brief and a checklist of deliverables.

Projects 3 is a pro projects block for React, built on shadcn/ui and Tailwind CSS. It ships as 104 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.

  • projects
  • alternating
  • zigzag
  • deliverables
  • studio

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/projects-03

Dependencies installed automatically: lucide-react.

Uses: button, reveal, utils.

Usage

import Projects03 from "@/components/blocks/projects-03"

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

FAQ