Skip to content
Magnesium
  • Guide
    • Changelog

by Front Factory

A Sass toolkit for design tokens.

Stateless. Explicit. Composable.

Get StartedGitHub
$ npm install @magnesium/theme
  • Token-first

    Define design tokens as plain Sass maps. Emit them as scoped, prefixed CSS custom properties with a single call.

    Configuration →
  • Fully stateless

    No token registry, no mutation between calls. The prefix is set once at import, the namespace is explicit at every call.

    Functions →
  • Cascade layer ready

    Wrap any token emission in a named @layer out of the box, for full control over the CSS cascade.

    Mixins →

Guide

  • Getting Started
  • Configuration
  • What's New in v5

Project

  • GitHub
  • Changelog
  • Migrating from v4

Follow

  • github(opens in a new tab)

Released under the MIT License.

Copyright © 2022-2026 Front Factory - Boris Damevin.