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


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


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

npm run dev

This version is experimental and is not recommended for production environments. Besides, this is all a joke that has gotten out of hand. Please, don't use it.