jsx-css

A tiny zero-runtime CSS-in-JS styling library for React — inspired by styled-components, but minimal and fast. Built as a practice project to learn about CSS-in-JS libraries.

🚀 Features

• 🎯 Use plain object styles — no tagged templates
• ⚡ Runtime CSS generation using hashed classNames
• 🧠 Supports :hover, ::after, @media, and more
• 💅 Designed to be familiar for styled-components users

📦 Installation

npm install jsx-css

✨ Usage

import JsxCss from "jsx-css";

<JsxCss.div
  styles={{
    color: "red",
    ":hover": {
      color: "blue",
    },
    "::after": {
      content: '"🔥"',
      display: "inline-block",
    },
  }}
>
  Hello world
</JsxCss.div>