Application Shell 34 - Document editor shell with a menu bar and toolbar

Pro

A document editor shell with a title bar, a File, Edit, View menu bar and a formatting toolbar above a page canvas.

Shadcn Application Shell 34 block

Component data

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

Application Shell 34 block design & features

ApplicationShell34 is a document editor application shell built with Shadcn UI. The title row has a document icon, the document name, a star toggle, a saved status, version history, collaborator avatars, comments, a Share button and the user avatar.

Under the title sits a menu bar (File, Edit, View, Insert, Format, Tools, Help). Each menu opens a dropdown with keyboard shortcuts. A rounded formatting toolbar follows with undo and redo, a zoom picker, a paragraph style picker, a font size stepper, bold, italic, underline, strikethrough and highlight toggles, link, comment and image buttons, alignment toggles and list buttons.

The main area is a grey canvas holding a skeleton page. On small screens the menu bar moves onto its own row and both bars scroll horizontally.