Installation

Requirements

• Node.js 18+
• npm, pnpm or yarn

Install

npm

npm install ustatic-css

pnpm

pnpm add ustatic-css

yarn

yarn add ustatic-css

:::

Connect in Your Project

ESM

import 'ustatic-css';

CJS

require('ustatic-css');

:::

Usage with Frameworks

Vue 3

Add the plugin to main.js:

import { createApp } from "vue";
import { ustaticCss } from "ustatic-css/scripts";
import App from "./App.vue";

const app = createApp(App);
app.use(ustaticCss);
app.mount("#app");

React / Svelte / Vanilla JS

Use the loadStyles function:

import { loadStyles } from "ustatic-css/scripts";

// Load required modules
await loadStyles({ modules: ["flexbox", "spacing", "typography"] });

:::

Next Steps

• Quick Start — first example
• Using CSS Classes — complete class reference