Plumeria - Zero-cost abstraction layer

PlumeriaAbstraction layer

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

Read Docs Installation

Ghostly

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

Linting

This improves efficiency during editing.

⚡

Build time

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

Atomic CSS

Abstracted layers are automatically atomized.

TypeScript

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>
  );
};