Plumeria
Zero-Cost Abstraction

Fast · Composable · Predictable

$ pnpm install -D @plumeria/core
Get StartedInstallation
import * as css from "@plumeria/core";

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

export const Box = () => {
  return (
    <div styleName={styles.box}>Hello, Plumeria Box!</div>
  );
};
Atom SVG Icon

Atomic CSS

The abstracted layers you control will be automatically atomized.

Feather SVG Icon

Lightweight

The runtime is not included from the start.

⚡

Build time

All style processing completes at build time leaving no runtime cost.

Eslint SVG Icon

Linting

This improves efficiency during editing.