Application Shell 39 - CI pipeline shell with job list and log viewer

Pro

A CI run shell with a repository top bar, a run header with branch, commit and actions, a job list grouped by stage, a pipeline graph and a log viewer.

Shadcn Application Shell 39 block

Component data

ID
application-shell39
Access
pro
Created
Oct 2, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Application Shell 39 block design & features

ApplicationShell39 is a continuous integration application shell built with Shadcn UI. The top bar has the logo, the organisation and repository, repository navigation with Actions active, search, notifications and the user avatar.

A run header shows a running status, the run title and number, the branch, commit, author and duration, plus Cancel and a Re-run menu. On the left, jobs are grouped into Build, Test and Deploy stages with status icons and times. Selecting a job highlights it in a pipeline graph and updates the log header.

The log viewer has a dark skeleton log with step markers, highlighted error lines for failed jobs, a wrap lines toggle and a download button. On small screens the jobs become a horizontal strip above the log.