@hellajs/css

A type-safe CSS-in-JS package with a tiny runtime footprint. Provides a modern CSS workflow with automatic memory management and efficient caching.

Documentation

• API Reference
• Styling Concepts

Quick Start

Installation

npm install @hellajs/core @hellajs/css

Basic Usage

import { css, cssVars } from '@hellajs/css';
import { signal, effect } from '@hellajs/core';

// Define design tokens
const theme = cssVars({
  colors: {
    primary: '#007bff',
    accent: '#ff6b6b'
  },
  spacing: '8px'
});

// Create styles
const buttonStyle = css({
  padding: theme.spacing, // var(--spacing)
  backgroundColor: theme.colors.primary, // var(--colors-primary)
  color: 'white',
  border: 'none',
  cursor: 'pointer',
  ':hover': { opacity: 0.8 }
});

// Use as a class name
<button class={buttonStyle}>
  Styled Button
</button>

License

This software is provided "as is" under the MIT License, without any warranties. The authors are not liable for any damages arising from its use.