Blocks
Whole pieces of an app, not single components: dashboard layouts and sign-in pages that the CLI copies into your project and wires up. Each preview below is live, so resize it, toggle the theme and click around.
Dashboard, sticky header
A collapsible sidebar with a header that stays in place while the page scrolls. The header holds the sidebar trigger, a breadcrumb and the theme toggle.
shellui add dashboard-02
Dashboard, scrolling header
The same sidebar layout with a header that scrolls away with the content.
shellui add dashboard-01
Auth, centered card
Sign-in, sign-up and recovery pages in a card on a muted background.
shellui add auth-01
Auth, split screen
The form on one side and a brand panel on the other. The panel hides on small screens.
shellui add auth-02
shellui add auth-03
Using a block
Blocks come with the ShellUI CLI. Install the 0.4 prerelease, run shellui init in your Blazor
project, then add a block by name. The previews use sample data; the layout around it is what gets installed.
The auth blocks style the pages of an app created with dotnet new blazor --auth Individual.