@styloviz/layout

Responsive dashboard layout primitives — app shell, sidebar, header and content grid.

Part of the StyloViz UI Kit — a premium Angular 21 + Tailwind CSS 4 dashboard component library. Standalone, OnPush, strongly typed, dark-mode ready.

Installation

npm install @styloviz/core @styloviz/toast @styloviz/layout

Requires @angular/core and @angular/common >= 21. Also needs @styloviz/core, @styloviz/toast — listed above so no extra step is required on npm (on pnpm/yarn, list them yourself). Prefer everything at once? @styloviz/all installs the whole free tier in one command.

Usage

import { SvDashboardShellComponent } from '@styloviz/layout';

@Component({
  standalone: true,
  imports: [SvDashboardShellComponent],
  template: `
    <sv-dashboard-shell />
  `,
})
export class DemoComponent {}

Documentation

Full API reference and live demos: https://styloviz.dev/docs

License

MIT