Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/master-co/awesome-master-css

Master CSS - A Virtual CSS language with enhanced syntax.
https://github.com/master-co/awesome-master-css

List: awesome-master-css

awesome awesome-list css master-css

Last synced: 25 days ago
JSON representation

Master CSS - A Virtual CSS language with enhanced syntax.

Awesome Lists containing this project

README 

        
# Awesome Master CSS [![Awesome](https://awesome.re/badge.svg)](https://github.com/sindresorhus/awesome) 

   

Master CSS



> Automatically generate corresponding CSS rules based on class names, with enhanced CSS syntax, you can build UIs with less code and directly use performant JIT in production. 



[Master CSS](https://css.master.co) is a virtual CSS language with enhanced syntax, efficiently build your UI and design system with HTML only.



## Contents 

- [Useful Links](#useful-links)

- [IDE Extensions](#ide-extensions)

- [Tools](#tools)

- [Plugins](#plugins)

- [Community](#community)

- [Learning](#learning)

- [Online Examples](#online-examples)

- [Articles](#articles)



## Useful Links

- [Repository](https://github.com/master-co/css) - Master CSS repository.

- [Documentation](https://docs.master.co/css) - Master CSS documentation.



## IDE Extensions

- [Master CSS Language Service](https://github.com/master-co/css/tree/beta/packages/language-service) - Provides code-completion and syntax highlighting for Visual Studio Code.



## Tools

- [Master Styles CSS Converter](https://github.com/serkodev/master-styles-css-converter) - Online convert CSS to Master styles.

- [Master Sandbox](https://sandbox.master.co) - Master sandbox online editor.



## Plugins 

- [@master/normal.css](https://github.com/master-co/css/tree/beta/packages/normal.css) - Normalize browser's styles.

- [@master/keyframes.css](https://github.com/master-co/css/tree/beta/packages/keyframes.css) - Simple and useful CSS keyframes.

- [@master/style-element.react](https://github.com/master-co/style-element.react) - Quickly create styled React elements with conditional class names.

- [@master/literal](https://github.com/master-co/literal) - Conditionally construct class names and strings with template literals.



## Community

- [Discussions](https://github.com/master-co/css/discussions) - Official place to discussion.

- [Discord channel](https://discord.gg/sZNKpAAAw6) - Channel to chat with Master community.

- [Official Twitter](https://twitter.com/mastercorg) - Newly developed notifications about Master.



## Learning

- [Setup guide](https://docs.master.co/css/setup)

- [Syntax tutorial](https://docs.master.co/css/syntax-tutorial) - Quick syntax guide for an enhanced and structured CSS syntax for class names.

- [Master CSS Cheat Sheet](https://awilum.github.io/cheatsheets/mastercss) - Quickly search all syntax of Master CSS.



## Online Examples

- [Glassmorphism example](https://codepen.io/aron-tw/pen/LYOGzdY) - HTML only glassmorphism components by Master CSS.

- [Interactive switch toggle example](https://codepen.io/aron-tw/pen/zYpyQyV) - A interactive switch toggle by Master CSS.



## Articles

- [Why Master CSS](https://docs.master.co/css/why-master-css) - Offical concepts and principles about Master CSS.

- [Getting started with a whole new CSS language —— Master CSS](https://dev.to/aron/getting-started-with-a-whole-new-css-language-master-css-12l0)

- [Rapidly create reusable React components in one line](https://dev.to/aron/rapidly-create-reusable-react-components-59fd)





  


  


  


  Contributions welcome! Read the contribution guidelines first.