@ambientcss/css

Ambient lighting primitives and surface utility CSS.

Grounded on Blender renders: every coefficient in ambient.css is fitted from measured Cycles renders of an equivalent physical scene (see the ambient3d/ kit in the repository and the Grounded on Blender renders docs page). The public API — every class name and --amb-* custom property — is frozen by api-baseline.json and checked in CI; grounding changes values, never names. New in this line: --amb-albedo and --amb-shade let a surface take any colour instead of a fixed lightness tier (see the CHANGELOG for migration notes from the removed .amb-surface-lighter/-lightest/-darker/-darkest classes).

Install

pnpm add @ambientcss/css

Usage

@import "@ambientcss/css/ambient.css";

Or in JS:

import "@ambientcss/css/ambient.css";

@ambientcss/css contains foundational ambient primitives (lighting variables, edges, surfaces, light position helpers, and generic utilities). Component styling for the React controls (knob, slider, switch, button, and the rest) lives in @ambientcss/components/styles.css.