Plumeria
Abstraction layer

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>
  );
};
Bxs Ghost SVG Icon

Ghost

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.