{"id":208,"url":"https://github.com/master-co/awesome-master-css","last_synced_at":"2025-11-08T06:30:35.659Z","repository":{"id":59443626,"uuid":"525210531","full_name":"master-co/awesome-master-css","owner":"master-co","description":"Master CSS - A Virtual CSS language with enhanced syntax.","archived":false,"fork":false,"pushed_at":"2022-12-02T10:38:07.000Z","size":64,"stargazers_count":22,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2024-05-22T17:22:01.590Z","etag":null,"topics":["awesome","awesome-list","css","master-css"],"latest_commit_sha":null,"homepage":"https://css.master.co","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"cc0-1.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/master-co.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"contributing.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-08-16T02:53:49.000Z","updated_at":"2024-03-16T20:35:01.000Z","dependencies_parsed_at":"2023-01-22T14:00:56.174Z","dependency_job_id":null,"html_url":"https://github.com/master-co/awesome-master-css","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/master-co%2Fawesome-master-css","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/master-co%2Fawesome-master-css/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/master-co%2Fawesome-master-css/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/master-co%2Fawesome-master-css/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/master-co","download_url":"https://codeload.github.com/master-co/awesome-master-css/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239486523,"owners_count":19646847,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["awesome","awesome-list","css","master-css"],"created_at":"2024-01-05T20:12:49.207Z","updated_at":"2025-11-08T06:30:35.277Z","avatar_url":"https://github.com/master-co.png","language":null,"funding_links":[],"categories":["Front-End Development","Uncategorized","Themed Directories"],"sub_categories":["Uncategorized","Misc","Updated more than a year ago"],"readme":"# Awesome Master CSS [![Awesome](https://awesome.re/badge.svg)](https://github.com/sindresorhus/awesome) \n   \n\u003ca href=\"https://github.com/master-co/css#readme\"\u003e\u003cpicture\u003e\u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"https://user-images.githubusercontent.com/33840671/205240887-0e354830-f0d4-4eb6-b604-9f7b8112c92c.svg\"\u003e\u003csource media=\"(prefers-color-scheme: light)\" srcset=\"https://user-images.githubusercontent.com/33840671/205238744-7355106d-d454-4b3d-a40a-7b19e34ddb9d.svg\"\u003e\u003cimg alt=\"Master CSS\" src=\"https://user-images.githubusercontent.com/33840671/205238744-7355106d-d454-4b3d-a40a-7b19e34ddb9d.svg\" height=\"60\" width=\"350\" align=\"right\"\u003e\u003c/picture\u003e\u003c/a\u003e\n\n\u003e 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. \n\n[Master CSS](https://css.master.co) is a virtual CSS language with enhanced syntax, efficiently build your UI and design system with HTML only.\n\n## Contents \n- [Useful Links](#useful-links)\n- [IDE Extensions](#ide-extensions)\n- [Tools](#tools)\n- [Plugins](#plugins)\n- [Community](#community)\n- [Learning](#learning)\n- [Online Examples](#online-examples)\n- [Articles](#articles)\n\n## Useful Links\n- [Repository](https://github.com/master-co/css) - Master CSS repository.\n- [Documentation](https://docs.master.co/css) - Master CSS documentation.\n\n## IDE Extensions\n- [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.\n\n## Tools\n- [Master Styles CSS Converter](https://github.com/serkodev/master-styles-css-converter) - Online convert CSS to Master styles.\n- [Master Sandbox](https://sandbox.master.co) - Master sandbox online editor.\n\n## Plugins \n- [@master/normal.css](https://github.com/master-co/css/tree/beta/packages/normal.css) - Normalize browser's styles.\n- [@master/keyframes.css](https://github.com/master-co/css/tree/beta/packages/keyframes.css) - Simple and useful CSS keyframes.\n- [@master/style-element.react](https://github.com/master-co/style-element.react) - Quickly create styled React elements with conditional class names.\n- [@master/literal](https://github.com/master-co/literal) - Conditionally construct class names and strings with template literals.\n\n## Community\n- [Discussions](https://github.com/master-co/css/discussions) - Official place to discussion.\n- [Discord channel](https://discord.gg/sZNKpAAAw6) - Channel to chat with Master community.\n- [Official Twitter](https://twitter.com/mastercorg) - Newly developed notifications about Master.\n\n## Learning\n- [Setup guide](https://docs.master.co/css/setup)\n- [Syntax tutorial](https://docs.master.co/css/syntax-tutorial) - Quick syntax guide for an enhanced and structured CSS syntax for class names.\n- [Master CSS Cheat Sheet](https://awilum.github.io/cheatsheets/mastercss) - Quickly search all syntax of Master CSS.\n\n## Online Examples\n- [Glassmorphism example](https://codepen.io/aron-tw/pen/LYOGzdY) - HTML only glassmorphism components by Master CSS.\n- [Interactive switch toggle example](https://codepen.io/aron-tw/pen/zYpyQyV) - A interactive switch toggle by Master CSS.\n\n## Articles\n- [Why Master CSS](https://docs.master.co/css/why-master-css) - Offical concepts and principles about Master CSS.\n- [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)\n- [Rapidly create reusable React components in one line](https://dev.to/aron/rapidly-create-reusable-react-components-59fd)\n\n\u003cp align=\"center\"\u003e\n  \u003cbr/\u003e\n  \u003cbr/\u003e\n  \u003cbr/\u003e\n  \u003csub\u003eContributions welcome! Read the \u003ca href=\"./contributing.md\"\u003econtribution guidelines\u003c/a\u003e first.\u003c/sub\u003e\n\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmaster-co%2Fawesome-master-css","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmaster-co%2Fawesome-master-css","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmaster-co%2Fawesome-master-css/lists"}