OleWind

OleWind is a utility-first CSS package with an attribute-based runtime and configurable theme generation.

Install

npm install @olekoderno/olewind

Use in a project

import "@olekoderno/olewind/olewind.css";
import "@olekoderno/olewind/olewind.theme.css";
import { initOleWind } from "@olekoderno/olewind";

initOleWind();

Example HTML

<div ow="bg-primary text-white p-4 rounded-lg hover:bg-secondary">Hello from OleWind</div>

Generate config

npx olewind init

Generate theme CSS

npx olewind build

Example config

export default {
	theme: {
		colors: {
			primary: "#7C3AED",
			secondary: "#E9D5FF",
			alert: "#EF4444",
		},
	},
};