Deploy Pipeline

A deploy pipeline that plays itself — steps advance, badges update, and details unfold on their own, no click required.

11.2 KB
•
Updated on September 21, 2026
Active on Canvas Stage

Usage

Code
import { DeployPipeline } from '@/components/interactions/deploy-pipeline'
Code
<DeployPipeline />

API Reference

DeployPipeline

PropTypeDefaultDescription
steps
DeployPipelineStep[]
sampleSteps rendered in the pipeline.
cycle
DeployPipelineFrame[]
sampleKeyframes the pipeline auto-advances through.
autoPlay
boolean
trueAuto-advance through cycle on a timer.
pauseOnHover
boolean
truePause auto-advance while the pointer is over the pipeline.
speed
number
1Multiplier applied to each frame's duration.
className
string
-Additional CSS classes for the outer card.
pnpm dlx shadcn@latest add @spaceui/components-spaceui-ui