@harmony-css/styled

A zero-runtime CSS-in-JS styled API for React components.

Features

• Type-safe styled components
• Zero runtime overhead
• Full CSS feature support
• Development mode debugging tools
• Production mode optimizations

Installation

npm install --save @harmony-css/styled
# or
yarn add @harmony-css/styled

Usage

import styled from '@harmony-css/styled';

const Button = styled.button`
  background-color: #3498db;
  color: white;
  padding: 10px 15px;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  
  &:hover {
    background-color: #2980b9;
  }
`;

// Use it like a regular React component
function App() {
  return (
    <Button onClick={() => console.log('clicked')}>
      Click me
    </Button>
  );
}

TypeScript Support

This package includes comprehensive TypeScript definitions for excellent developer experience.

License

MIT