master-co/css

Documentation

Visit beta.css.master.co to view the full documentation

Getting Started

Check out the official guides to get started with Master CSS, or walk through the examples for a quick overview of integrating with your framework.

Compilation Modes

Master CSS provides various compilation modes, allowing you to choose according to the characteristics and needs of different projects.

• Progressive Rendering - Scan the requested HTML on the server side, generate CSS rules, and enable just-in-time compilation on the browser side
• Just-in-time - Observe the DOM tree, manipulate CSS rules according to the changed class name, and synchronize to the running style sheet at runtime
• Ahead-of-time - Scan source files for class names at build time, extract class names, and generate CSS files/virtual modules, then import them in the entry file

Ecosystem

We've built various Master CSS core functionality/integration packages:

• CSS - The core of Master CSS, including the runtime engine

Frameworks

• React - Integrate Master CSS the React way
• Svelte - Integrate Master CSS the Svelte way
• 🚧 Nuxt - Integrate Master CSS the Nuxt way

Static Extraction

• Extractor - Master CSS static extractor for various raw text extraction.
• Extractor Vite - Integrate Master CSS Static Extraction in Vite way
• Extractor Webpack - Integrate Master CSS Static Extraction in Webpack way

Language

• Language Server - The core of the Master CSS language server
• Language Service - The core of the Master CSS language service

Others

• Normal CSS - Normalize the browser's styles
• Theme Service - A CSS theme-switching service for Master CSS

Community

The Master CSS community can be found here:

• Discuss on GitHub - Ask questions, voice ideas, and do any other discussion
• Join our Discord Server - Casually chat with other people using the language ^{_{✓ 中文}}

_{Our 《 Code of Conduct 》 applies to all Master CSS community channels.}

Contributing

Please see our CONTRIBUTING.md for workflow.

Inspiration

Some of the core concepts and designs are inspired by these giants.

• The concept of enhanced syntax is inspired by SASS and TypeScript
• The concept of Virtual CSS is inspired by the Virtual DOM