OpenProps is an interesting project by @argyleink: https://open-props.style/#getting-started

Like #tailwind but just #cssVars. Great if you start building a product but don't have a designer. It makes your #UI look better now and gives you a head for a future #designSystem implementation.

Open Props: sub-atomic styles

Open source CSS custom properties to help accelerate adaptive and consistent design. Available from a CDN or NPM, as CSS or Javascript.

I have wired a #glsl shader to some of its page #cssvariables (#customproperties), to create a digital typographic poster.

This experiment is a #design rather than a technical one:
Both #glsl and #cssvars have been around for years. 
But GLSL shaders require a far higher level of abstraction than a UI, and I want to see how my tokens evolves to support it.

Check out the behavior on Codepen :
https://lnkd.in/d8MWU8iS

Clone a working version of the project on Github:
https://lnkd.in/d7CFHkCX

Digital poster

...

CodePen
What Can You Put in a CSS Variable?

CSS variables (also know as CSS custom properties) can hold all sorts of things. Some of these things were not obvious to me, which is why I decided to write...

A user’s guide to CSS variables – Increment: Frontend

Long-requested but still underused, CSS custom properties for cascading variables offer revolutionary possibilities for collaboration and code reuse.