Introduction

MistCSS is a codegen tool that takes pure CSS and generates type-safe and error free pure visual components.

By using CSS syntax instead of JS, MistCSS greatly simplifies and improves the authoring and maintenance of components.

It’s also zero-runtime, meaning that exactly 0kb will be added to your bundle, making it very performant.

Unlike other tools, MistCSS doesn’t modify your CSS, leaving you free to use 100% of the modern features of the language.

As a consequence, you don’t have to learn a new API to start using it nor have to install a code editor extension. It’s just CSS.

Supports:

• Next.js
• Remix
• React
• Vue
• Astro
• Hono
• Tailwind CSS

Bonus: if you need to switch from one framework to another, you won’t have to rewrite your components. Simply change MistCSS compilation target.