Install LayoutKit
Use one CSS file from npm, a CDN, or a local copy. Load it early when it controls initial layout.
npm usage
npm install layoutkit-css
Import the stylesheet once at the application root or global CSS entry.
import "layoutkit-css/layoutkit.css";In a global CSS file, use this form when your bundler resolves CSS package imports:
@import "layoutkit-css/layoutkit.css";
CDN usage
For direct browser usage, put a normal stylesheet link in the document <head>.
<link rel="stylesheet" href="https://unpkg.com/layoutkit-css/layoutkit.css">Local stylesheet usage
You can vendor the file and link it locally. This keeps usage simple and reviewable.
<link rel="stylesheet" href="/css/layoutkit.css">CSS loading behavior
Load LayoutKit before content that depends on it. Avoid lazy-loading it through JavaScript if it controls initial page layout.
LayoutKit has no JavaScript fallback by design. If the CSS does not load, lk-* tags remain plain unknown elements without intended layout styling.
Package verification
The npm package is intentionally small and ships the stylesheet, declarations, docs, license, changelog, and security notes.
npm pack layoutkit-css tar -tzf layoutkit-css-*.tgz
Use pinned versions when reproducibility matters:
npm install layoutkit-css@1.3.2