@plumeria/core

An atomic CSS runtime designed to disappear.

import { css } from '@plumeria/core';

const styles = css.create({
  text: {
    fontSize: 12,
    color: 'navy',
  },
  size: {
    width: 120,
  },
});

const className = css.props(styles.text, styles.size);

Generated CSS:

.xhrr6ses:not(#\#) {
  font-size: 12px;
}
.xvbwmxqp {
  color: navy;
}
.xhk51flp {
  width: 120px;
}

"xhrr6ses xvbwmxqp xhk51flp"

Documentation

Read the documentation for more details.

Installation

• Vite
• Next
• Turbopack
• Webpack
• CLI
• ESLint

Acknowledgement

Plumeria is made possible thanks to the inspirations from the following projects:

• Linaria
• React Native
• React Native for Web
• StyleX
• Tailwind CSS
• Uno CSS

License

MIT License © 2023-PRESENT Refirst 11