Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@master/css

Package Overview
Dependencies
Maintainers
2
Versions
429
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@master/css

A markup-driven CSS language with enhanced syntax

  • 2.0.0-rc.8
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
2.2K
increased by298.72%
Maintainers
2
Weekly downloads
 
Created
Source

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 rc.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
  • Server - Generate Master CSS text from markup on the server
  • Renderer - Pre-renders and injects HTML-required CSS
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

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.

Keywords

FAQs

Package last updated on 23 Jan 2024

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc