Plumeria
Abstraction layer

Pure · Self-evident · Mathematical

$ pnpm install -D @plumeria/core
Read DocsInstallation
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}>Box</div>
  );
};
Bxs Ghost SVG Icon

Ghostly

The core implementation does not use JavaScript. Therefore, there is no footprint.

Eslint SVG Icon

Linting

This improves efficiency during editing.

⚡

Build time

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

Atom SVG Icon

Atomic CSS

Abstracted layers are automatically atomized.