App Shell
App Shell — a CSS-first, fully-tokened App Shell component from SilicaUI. Accessible by default via Base UI, themeable with color × variant × size × shape props, and available in React, framework-neutral HTML, and a zero-dependency vanilla runtime. No runtime CSS-in-JS, no safelist.
Real use · sidebar + header + footer (same AppShell as below, different slots)
Content for “dashboard” — this pane scrolls independently; try collapsing the sidebar.
Filler paragraph 1 to make the main area scroll.
Filler paragraph 2 to make the main area scroll.
Filler paragraph 3 to make the main area scroll.
Filler paragraph 4 to make the main area scroll.
Filler paragraph 5 to make the main area scroll.
Filler paragraph 6 to make the main area scroll.
Filler paragraph 7 to make the main area scroll.
Filler paragraph 8 to make the main area scroll.
Filler paragraph 9 to make the main area scroll.
Filler paragraph 10 to make the main area scroll.
Filler paragraph 11 to make the main area scroll.
Filler paragraph 12 to make the main area scroll.
Same AppShell, no sidebar · header + footer only
No sidebar slot rendered — its grid column collapses to zero automatically.