@motif-js/core

The motif-js engine — tokens, themes, the style-prop schema, and the runtime resolvers.

Both renderers (@motif-js/react, @motif-js/react-native) and the compiler depend on this package. Most users get it transitively via motif-js.

Install

yarn add @motif-js/core

Direct use

The most commonly direct-imported piece is the theme factory:

import { createTheme } from '@motif-js/core';

export const light = createTheme({
  name: 'light',
  tokens: {
    colors: { brand: { 500: '#C2410C' } },
    space: { 1: 4, 2: 8, 4: 16 },
  },
});

createTheme is also available as a re-export from motif-js and @motif-js/react, so you usually don't need to import from @motif-js/core directly.

Docs

https://usemotif.dev

License

MIT