Installation

µCSS is a single CSS file — no JavaScript, no build step. Pick the method that fits your workflow.

CDN

The fastest way to get started. Add a <link> tag to your HTML:

<link rel="stylesheet" href="https://unpkg.com/@digicreon/mucss/dist/mu.fuchsia.css">

Replace mu.fuchsia.css with any theme file — e.g. mu.blue.css, mu.amber.css, mu.jade.css.

The default file mu.css uses the Azure theme.

npm

Install the package:

npm install @digicreon/mucss

Then import the theme you want in your HTML or bundler entry point:

<link rel="stylesheet" href="node_modules/@digicreon/mucss/dist/mu.fuchsia.css">

Or with a CSS import (if your bundler supports it):

@import "@digicreon/mucss/dist/mu.fuchsia.css";

Direct download

Download the CSS file directly from the GitHub repository and include it in your project:

<link rel="stylesheet" href="mu.fuchsia.css">

Available themes

µCSS ships with 21 theme files. Each is a standalone CSS file:

File	Theme
`mu.css`	Azure (default)
`mu.red.css`	Red
`mu.pumpkin.css`	Pumpkin
`mu.orange.css`	Orange
`mu.amber.css`	Amber
`mu.yellow.css`	Yellow
`mu.lime.css`	Lime
`mu.green.css`	Green
`mu.jade.css`	Jade
`mu.cyan.css`	Cyan
`mu.azure.css`	Azure
`mu.blue.css`	Blue
`mu.indigo.css`	Indigo
`mu.violet.css`	Violet
`mu.purple.css`	Purple
`mu.fuchsia.css`	Fuchsia
`mu.pink.css`	Pink
`mu.sand.css`	Sand
`mu.grey.css`	Grey
`mu.zinc.css`	Zinc
`mu.slate.css`	Slate

Preview all themes on the Themes page.

Starter template

A minimal HTML page using µCSS:

<!DOCTYPE html>
<html lang="en" data-theme="light">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>My page</title>
    <link rel="stylesheet" href="https://unpkg.com/@digicreon/mucss/dist/mu.fuchsia.css">
</head>
<body>
    <main class="container">
        <h1>Hello, µCSS!</h1>
        <p>This page is styled with µCSS. No classes needed for basic elements.</p>
        <button>A styled button</button>
    </main>
</body>
</html>

That's it — semantic HTML elements are styled automatically. Add color classes, dark mode, or custom variables when you need more control.