Pipeline Run renders a CI pipeline in motion: a Build stage feeds parallel Verify jobs, connected to a waiting Deploy stage by fanned dashed elbows. Statuses update as the run progresses, so it reads like a live build. Built with React and Tailwind CSS with no dependencies. A clear visual for CI/CD tools, DevOps pages, and build pipeline explainers.
Installation
Copy and paste the following code into your project.
Unlock the full library
Get all pro blocks, components & illustrations, and production-ready Next.js + Tailwind templates.
Update the import paths to match your project setup.
Related blocks
- Mockup: Analog Clock
A live-ticking analog clock face with metallic bezel, glass sheen, and smooth-sweep hands driven by system time.
- Mockup: Clerk Bento
A Clerk.com-inspired authentication bento grid — 11 hover-gated mockup cards arranged in a 3×4 bento layout with a wide API keys + CLI bottom row.
- Mockup: Code Diff
A terminal-style code diff viewer with syntax-highlighted add/del lines, staggered reveal animation, and a copy button.
- Mockup: Collab Cursors
Two named multiplayer cursors wandering a shared canvas on independent timelines, each selecting different shapes.
