Plumeria
Atomic CSS-in-JS

Zero runtime overhead. Full type-safe.
Build-time compile・max performance.

Core PrincipleInstallation
const styles = css.create({
  featureCard: {
    position: 'relative',
    padding: '24px',
    background: 'var(--card-bg)',
    border: '1px solid transparent',
    borderRadius: '12px',
    transition: 'border-color 0.2s, transform 0.2s',
    [pseudos.hover]: {
      borderColor: 'var(--card-hover-border)',
    },
    [breakpoints.md]: {
      padding: '24px',
    },
  },
});
Atom SVG Icon

Atomic CSS

Styles are reused keeping CSS bundle is always minimal.

Eslint SVG Icon

Linting

Build-integrated oxlint validation. Detect typos before compiling.

Feather SVG Icon

Lghtweight

min + brotli 1 byte.
Before compression 0 byte.

⚡

Build-time Compilation

Eliminate styles compile to class names at built time.