cssx

Introduction

CSSX is compiler for CSS. Generate HTML and CSS from a single file. Structured, easy to read and write.

Example

The button below is styled with CSSX and has a custom touch-action property that triggers a confetti effect when clicked.

button {
 content: "Click me!";
 touch-action: "confetti()";
 padding: 10px 16px;
 border: none;
 border-radius: 8px;
 color: white;
 background-color: #007bff;
}

This page is generated from a single CSSX file. View the source code in the GitHub repository

Usage

Download the repository and run the following command to compile the CSSX files from the src directory to the dist directory.

npm run dev