A Virtual CSS language with enhanced syntax ~15KB

Documentation

Visit css.master.co to view the full documentation

Getting Started

Check out the guides to get started with Master CSS

Ecosystem

We've built various integrations and tools around Master CSS:

Build Tools

• Vite Plugin - A vite plugin for integrating Master CSS AOT compilation
• Webpack Plugin - A webpack plugin for integrating Master CSS AOT compilation
• Compiler - The ahead-of-time compiler of Master CSS

Frameworks

• React - React hooks for Master CSS
• Style Element _{^{React, Vue, ...}} - Create reusable style elements using class names in one-linear.

Native Plugins

• Normal CSS - Normalize the browser's styles
• Keyframes CSS - Simple and useful CSS keyframes

Extensions

• Language Service _{^{Visual Studio Code}} - Includes code completion, syntax highlighting, CSS hover preview, and inline color decorators

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