NPM / JSR Package (Recommended)
For modern bundlers including Vite, Next.js, Webpack, and Rollup. Includes first-class TypeScript declaration files.
npm install strelit-ui-kit
Import directly into your application:
import { StrelitLayout } from 'strelit-ui-kit';
import 'strelit-ui-kit/dist/css/strelit-base.css';
import 'strelit-ui-kit/dist/css/strelit-dark-theme.css';
CDN & IIFE Script Tags
For zero-bundler setups, static HTML prototypes, or server-rendered applications. Exposes window.StrelitLayout.
<!-- Base CSS & Theme -->
<link rel="stylesheet" href="https://unpkg.com/strelit-ui-kit@latest/dist/css/strelit-base.css" />
<link rel="stylesheet" href="https://unpkg.com/strelit-ui-kit@latest/dist/css/strelit-dark-theme.css" />
<!-- IIFE Global Script -->
<script src="https://unpkg.com/strelit-ui-kit@latest/dist/iife/index.global.js"></script>
Distribution Assets (v0.2.0)
Or download individual precompiled build artifacts directly for offline or enterprise intranet deployment:
| Format | Target Environment | File Path | Features |
|---|---|---|---|
| ESM (ES6 Modules) | Vite, Next.js, ES6 Browser Modules | dist/esm/index.mjs |
Tree-shakable, strict ES modules, source maps included |
| CommonJS (CJS) | Legacy Node.js, Jest, Webpack 4 | dist/cjs/index.js |
Full CJS exports for backend/test compatibility |
| IIFE Global | Vanilla HTML, Static Files, Codepen | dist/iife/index.global.js |
Standalone script exposing window.StrelitLayout |
| TypeScript Definitions | VS Code, IDE Intellisense, tsc |
dist/types/index.d.ts |
Trimmed and untrimmed type annotations via API Extractor |
| CSS Themes & Less/SCSS | All UI layers | dist/css/themes/*.css |
Dark, Light, Soda, Translucent, Borderless, plus raw `.less`/`.scss` tokens |