Open Props@openprops

Supercharged CSS variables.

open-props.style
Joined February 2022
🆕 props to import! durations.css 🕓 Run animations for 1 day, or a microfortnight (1.2096s), or a sneeze (.5s), a blink (.1s), an atom, a jiffy, a kermit, and so many more! All just an import away! github.com/argyleink/open-pr…
1
17
4,309
Style Dictionary json now available 🎁 open-props.style

ALT GIF by The Simpsons
1
11
1,306
👀 that gradient number 😊
jhey ʕ•ᴥ•ʔ
@jh3yy
25 Feb 2023
Are you interested in a post on how I dynamically generate these open graph images with React and serverless functions? ✨ Might make me polish them up for jhey.dev 😅 Spoiler: I'm not using Vercel 👀
1
6
5,261
open(...props)
4
692
New in v1.5.15 ✅ <table> normalize styles ✅ a .btn class with normalize, for links n such codepen.io/argyleink/full/Rw…

Light/dark switch ready Open Props link buttons

...

codepen.io
4
384
Thanks for the love in the results y'all!
Bramus@bramus
7 Dec 2022
The State of CSS 2022 … the results are in! 2022.stateofcss.com/en-US/
4
It me
Jökull Solberg
@jokull
12 Nov 2022
wasn’t there a css framework that is just a collection of handcrafted variables?
3
Replying to @BenDMyers @SomeAnticsDev
Very rad! Love it 😍
1
2
Replying to @BrittneyPostma
100% agree @chantastic Thx for the holla @BrittneyPostma

ALT Jack Nicholson Yes GIF
2
Replying to @samlfair @sveltejs

ALT rad GIF by haydiroket (Mert Keskin)
1
52
Replying to @MaxProgramming1 @BHolmesDev
I work with Tailwind, you can configure OP to provide values either as props or strings 🙂
1
1
29
Replying to @HusseinKizz
These will make a great addition 🙂 github.com/argyleink/open-pr…

GitHub - argyleink/open-props: CSS custom properties to help accelerate adaptive and consistent...

CSS custom properties to help accelerate adaptive and consistent design. - argyleink/open-props

github.com
1
25
Replying to @CSSHooks @heyImMapleLeaf
Def complimentary, here's a fork of the css-hooks codesandbox with Open Props codesandbox.io/p/sandbox/css…
1
37
Replying to @LWJShow @argyleink
You did!
1
1