PlumeriaAbstraction layer

A library for more ambitious interfacesPure · Self-evident · Mathematical

Introduction Installation

Zero-Trace Runtime

The compiler rewrites the call site and deletes the import. Nothing of the library reaches the browser.

Atomic CSS

One class per property–value pair, shared project-wide. Components reuse them instead of adding CSS.

Deterministic order

Output follows the compiler’s module graph, not bundle order. Split files freely; the layout holds.

Migrate both ways

One command brings CSS Modules in. The same command takes your project back out. No lock-in.

JSX

import * as css from "@plumeria/core";

const styles = css.create({
  box: {
    display: "flex",
    alignItems: "center",
    justifyContent: "center",
  },
});

export const Box = () => {
  return (
    <div classStyle={styles.box}>Box</div>
  );
};