@morphism-systems/design-tokens

Canonical design token system — 10 themes from UI/UX design philosophy.

Install

npm install @morphism-systems/design-tokens

Usage

import { getTheme, getThemeCSS, getThemeTailwind } from "@morphism-systems/design-tokens";

// CSS custom properties
const css = getThemeCSS("brutalist");

// Tailwind preset
const preset = getThemeTailwind("violet-theorem");

// Direct theme access
import { neoGlass } from "@morphism-systems/design-tokens/themes/neo-glass";

Themes

| # | Theme | Mode | Accent | Category | |---|-------|------|--------|----------| | 1 | Violet Theorem | Dark | Violet | Project | | 2 | Neon Cyber | Dark | Cyan | Project | | 3 | Command Center | Dark | Blue | Project | | 4 | Cyberpunk Sport | Dark | Orange | Project | | 5 | Retro Pixel | Dark | Green | Project | | 6 | Desert Luxury | Light | Gold | Project | | 7 | Brutalist | Light | Black | Field | | 8 | Swiss Minimal | Light | Red | Field | | 9 | Neo Glass | Dark | Purple | Field | | 10 | Midnight Editorial | Dark | Amber | Field |

See Theme Catalog for detailed descriptions.

License

BUSL-1.1 — see LICENSE for details.