Build your own UI for the Cockpit Web Console

on YouTube ↗17m

" summary

Shows how to ship a working Cockpit plugin: a minimal HTML+JS page that talks to Cockpit’s DBus APIs, reads and watches an NFS exports file, and appends lines to it — it actually updates the system in real time. Uses the minimal plugin layout, a starter kit with webpack for building, and PatternFly components for UI. Covers packaging into a cockpit .package, placing it under /usr/share/cockpit or local share, and running tests in VMs.

AI-written summary · about

" chapters (8)

1. 0:00Cockpit Web Console intro
2. 1:30Pluggable UI for Linux
3. 3:19Custom Cockpit plugins
4. 5:05Cockpit plugin structure
5. 7:45Minimal plugin with HTML/JS
6. 11:29Starter kit for development
7. 13:50PatternFly UI components
8. 14:33Plugin dev resources

" related talks

• 17mYour-turn key Cockpit UI in a CICD ecosystemMartin Pitt · DevConf.CZ 2019
• 11mUI Plugin DevelopmentDaniel Peach · Spinnaker Summit 2020
• 27mA Journey to Building a Server Driven UI FrameworkThomas Wolf, Stuart Horner · droidcon New York 2022
• 30mAI Powered Frontend Development Building Better UIs FasterSteve Sewell · Devworld Conference 2025
• 51mBuilding Amazing Single Page Applications the Right WayJustin Meyer · GOTO Chicago 2015
• 37mHow to train your Vue CLI pluginNatalia Tepluhina · JavaScript fwdays'19
• 44mCooking up Better Front-end Applications with Inspiration From the Culinary WorldRyan Lanciaux · All Things Open 2020
• 01h 03mEvolving compositional user interfacesAsbjørn Ulsberg, Thomas Presthus · NDC Oslo 2019