I built a lightweight runtime for FSCSS property shorthands (with a JS API)

Description and use

fscss-props is a lightweight runtime that expands FSCSS shorthands in the browser, enabling style manipulation via a small DOM API without full compilation.

Problem

Full FSCSS is heavy when only simple property shorthands are needed in the browser.

Outcome

fscss-props enables lightweight, property‑only runtime expansion of FSCSS shorthands, keeping DOM updates fast and avoiding large CSS files.

Workflow

• Include fscss-props.min.js early in <head>
• Use el.fscssProp.property = value to set shorthands
• Use el.fscssPropText = 'stack: 12px; p: 16px' to bulk set shorthands
• Set el.fscssProp.property = null to clear owned longhands

Evidence

fscss-props: a properties-only runtime. It expands those shorthands at runtime and exposes a small DOM API.

Source

It does not parse advanced FSCSS features, so it stays fast even when the DOM is large.

Source