Application Shell 45 - Design tool shell with floating panels

Pro

A design tool shell with floating layers and properties panels, a floating tool bar and a canvas of frames with a selection outline.

Shadcn Application Shell 45 block

Component data

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

Application Shell 45 block design & features

ApplicationShell45 is a design tool application shell built with Shadcn UI, with floating panels over a canvas. The left panel has a file menu, a list of pages and a layers tree with frames, components, text and images. Selecting a frame outlines it on the canvas with handles and a size label.

The right panel shows collaborators, a present button, a Share button and Design and Prototype tabs. The Design tab has position and size fields, Auto layout, Fill, Stroke, Effects and Export sections. The Prototype tab shows interactions.

A floating tool bar at the bottom has move, frame, rectangle, pen, text and comment tools and a dev mode toggle, and zoom controls sit at the bottom left. On small screens the side panels hide and a compact file bar sits at the top.