FreeCI/CD Pipelines dashboard

Shipyard: CI/CD Pipelines dashboard template

Builds, tests and deployments for an engineering team.

34 pages. Light and dark themes. MIT license, free for business use.

34pages included
5things you can manage
2themes, light and dark
MITlicense

What you can manage

Pipeline runs – Every build and deploy.
Repositories – Code repositories with pipelines.
Deployments – What went to which environment.
Test suites – Automated tests and how stable they are.
Runners – Machines that run your jobs.

At a glance on the overview page
Deploys this week
Build success
Avg build time min
Failed today

Extra tools
Pipeline view – Runs moving through each stage.
Build health – Live status of every repository.
Delivery report – Speed and stability of delivery.
Flaky tests – Tests that fail the most without reason.
Release log – The latest releases.
Release calendar – Planned releases and freezes.
Pipeline settings – Rules for merging and deploying.

What is inside the 34 pages

Overview1 page
A live dashboard home with charts and key numbers.
5 record types15 pages
A list, a detail page and a form for each one.
Special tools7 pages
A calendar, kanban board, report or similar view for each.
Workspace7 pages
Team, notifications, activity log, settings, profile, help and a UI kit.
Sign in4 pages
Login, sign up, forgot password and a 404 page.

Example organization used in the demo: Codefield Engineering.

More tech dashboards
Server Monitoring34 pages
Uptimer
Servers, uptime, alerts and incidents for an operations team.
View template
Cloud Cost34 pages
Cloudspend
See what your cloud bill is made of and where to save.
View template
API Analytics34 pages
Endpoint
Requests, errors, keys and usage for a public API.
View template
Cyber Security34 pages
Sentinel
Threats, alerts and investigations for a security operations team.
View template

FAQ
Questions about this template
Is this dashboard free to use?
Yes. It uses the MIT license, so you can use it in personal, client and commercial projects at no cost.
Does it need a framework or build step?
No. It is plain HTML, CSS and JavaScript. Open a page in a browser, or upload the folder to any host.
Can I connect it to my own data?
The pages use realistic sample data so you can see every screen. Replace it with your own API or database when you build your app.
Can I change the colors and text?
Yes. Colors are CSS variables at the top of each stylesheet, and all text is plain HTML you can edit directly.