Deploy Pipeline

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

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

Installation

Bash
pnpm dlx shadcn@latest add @spaceui/components-spaceui-interactions-deploy-pipeline

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.

Related Components

Agent PipelineInteraction

An interactive multi-agent pipeline visualization with real-time physics, event logs, and playback controls.

View
Realtime VoiceInteraction

An interactive conversational AI voice interface built with Frame, Card, Squishmoji, Bloop Orb, and audio frequency ripples.

View
Realtime Voice