Application Shell 49 block design & features
ApplicationShell49 is a browser playground application shell built with Shadcn UI, in the style of an online code sandbox. The header shows the project name and template, a running indicator, a Run and Stop toggle, Fork and Share buttons and the user avatar.
A file list on the left groups files by folder. The editor shows the open file path with skeleton code lines, and a resizable console below it has Console and Terminal tabs with a clear button. The preview pane on the right has browser controls, an address bar that follows the selected component, and desktop, tablet and mobile widths for a skeleton page. Reload redraws the preview, and stopping the dev server empties it.
The editor and preview split is resizable. On small screens a switcher moves between the files, the code and the preview.