Skip to content
/ css Public
forked from master-co/css

A markup-driven CSS language with smart syntax and performant rendering

License

Notifications You must be signed in to change notification settings

lesha1201/css

 
 

Repository files navigation


Master CSS

A markup-driven CSS language with enhanced syntax

NPM Version NPM package ( download / month ) JSDelivr hits (npm scoped) Discord online Follow @mastercorg Github release actions

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.

Rendering Modes

Master CSS provides various rendering 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 runtime engine on the browser side
  • Runtime Rendering - Observe the DOM tree, manipulate CSS rules according to the changed class name, and synchronize to the running style sheet at runtime
  • Static Extraction - 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
  • Vue - Integrate Master CSS the Vue.js way
Progressive Rendering
  • Renderer - Pre-renders and injects HTML-required CSS
  • Nitro Server - Integrate Master CSS Pre-rendering the Nitro way
Static Extraction
  • Extractor - Master CSS static extractor for various raw text extraction.
  • Vite - Integrate Master CSS Static Extraction in Vite way
  • Webpack - Integrate Master CSS Static Extraction in Webpack way
Validation
Language
  • Server - The core of the Master CSS language server
  • Service - The core of the Master CSS language service
  • Visual Studio Code - Master CSS Language Service for Visual Studio Code Extension
Others
  • Normal CSS - Normalize the browser's styles
  • Theme Service - A CSS theme-switching service for Master CSS
  • 🚧 Class Variant - Create reusable, extensible, and customizable style class variants
  • 🚧 Resolve Class - Conditionally apply classes and trim it to a non-wrap string

Community

The Master CSS community can be found here:

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

Contributing

Please see our CONTRIBUTING 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

About

A markup-driven CSS language with smart syntax and performant rendering

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 61.0%
  • HTML 21.8%
  • MDX 16.0%
  • JavaScript 0.6%
  • CSS 0.4%
  • Vue 0.1%
  • Svelte 0.1%