Application Shell 28 block design & features
ApplicationShell28 is a resizable workspace shell built with Shadcn UI. A toolbar holds a logo menu with file actions, toggle buttons for the move, hand, frame, rectangle and text tools, the file path, collaborator avatars, a present button and Share.
Below it, resizable panels split the screen into a layers tree on the left, a canvas with a dotted grid in the centre, a bottom panel with Comments, History and Console tabs, and an inspector on the right with Design, Prototype and Inspect tabs over skeleton property fields.
Each side panel can be dragged between a minimum and maximum width, and the three panel toggles in the toolbar collapse and expand the left, bottom and right panels. The toggles stay in sync when a panel is dragged closed.
On small screens only the canvas is shown under the toolbar.