Cockpit HTML mockups

Layouts

• Forms: Grid-based layout
• Cards
• Checklist

Pages

• Overview
• Software updates demos

Metrics

• Performance Co-Pilot (PCP)

Animation

• Animations
• New row animation
• Dialog scale animation

Information

• Hardware lists
• Firewall services
• OS info

Misc.

• Topology mod

Navigation

• Navigation (contains several sub-mockups; just click around)
• Navigation wireframe (desktop vs mobile)
• Navigation iframe subnav demo (old)
• Navigation demo (old)

Navigator

• Navigator grid

Anaconda

• iframe with a modal