Use

Install the public package, import the CSS, then render a component. The other project does not need the StyleX compiler.

Install

From npm. No GitHub token and no extra registry file.

bash

npm install @kenselasie/codeddesign

Peer dependencies: React 19 and @stylexjs/stylex 0.19.1.

First screen

Import styles.css once at the root of the app so Fredoka, Nunito, and the tokens land.

tsx

import "@kenselasie/codeddesign/styles.css";
import { Button } from "@kenselasie/codeddesign";

export function SaveBar() {
  return <Button variant="primary">Save workspace</Button>;
}

Dark theme

Wrap a subtree with darkTheme from @kenselasie/codeddesign/theme. Apply it with stylex.props.

tsx

import * as stylex from "@stylexjs/stylex";
import { darkTheme, palettes } from "@kenselasie/codeddesign/theme";

<div {...stylex.props(darkTheme)}>
  <SaveBar />
</div>

<div {...stylex.props(palettes.nord.light)}>
  <SaveBar />
</div>