Moosekit

A small, dark-first design substrate for Massive Moose and Ovek. Moosekit is CSS-first, framework-agnostic, and intentionally light: normal HTML should look finished before JavaScript does anything.

Install

npm install @massivemoose/design

Use the built browser assets in static sites:

<link rel="stylesheet" href="/assets/moose.css">
<script type="module" src="/assets/moose.js"></script>

Or import the package from a JavaScript framework:

import "@massivemoose/design/css";
import "@massivemoose/design/components";

What This Is

• A dark-only visual system with warm neutrals and one restrained accent.
• Opinionated base styling for headings, prose, links, buttons, forms, tables, code, and blockquotes.
• A compact set of layout and pattern classes such as .mm-site, .mm-container, .mm-wide, .mm-card, .mm-grid, and .mm-prose.
• Optional web components for small behavioral islands: mm-copy, mm-disclosure, and mm-tabs.

What This Is Not

• Not a React component library.
• Not a Tailwind utility preset.
• Not CSS-in-JS.
• Not a full widget framework.

Development

npm run build
npm run check

npm run build writes dist/moose.css and dist/moose.js. The specimen page at site/specimen.html can be opened directly in a browser.