Feature 149 - CI pipeline stages that run in sequencePro

Horizontal CI pipeline of stage columns with jobs that tick from queued to running to passed in order once the section is in view, with total duration below.

About Feature 149

Horizontal CI pipeline of stage columns with jobs that tick from queued to running to passed in order once the section is in view, with total duration below.

Feature 149 is a feature block for React and Tailwind CSS, included in Chocolate UI Pro with motion animations that respect reduced-motion settings. It ships as 118 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.

  • ci
  • pipeline
  • build
  • jobs
  • animated

Installation

  1. Set up your project with npx chocolateui init and npx chocolateui login (see the installation guide).
  2. Run the Chocolate UI CLI:
npx chocolateui add feature-149

Dependencies installed automatically: lucide-react, motion.

Uses: reveal, utils.

Usage

import Feature149 from "@/components/blocks/feature-149"

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

FAQ