Gil Barbara

coder, nerd, DJ. Author of is-lite, tree-changes, react-inilinesvg, react-joyride, react-from-dom, and much more.

[Gil Barbara @gilbarbara]

I built ColorMeUp Lab — a free, open-source generator for OKLCH color scales.

The steps come out perceptually even, not just mathematically even. Built for design-system work.

https://t.co/2oS7fiqvw4

[Gil Barbara @gilbarbara]

Pure math makes color scales feel like quantized drum beats—technically perfect but lifeless.

Here is how to add "swing" to your color systems by shaping curves instead of using linear steps.

https://t.co/1uc7FKhUFD

#ColorTheory #DesignSystems #OKLCH #UXDesign

[Gil Barbara @gilbarbara]

It's open source (MIT) and built on colorizr, the color library that does the perceptual math. Prefer code over a UI? Use colorizr directly.

App: https://t.co/2oS7fiqvw4
GitHub repo: https://t.co/bkvw5nNF3R
colorizr: https://t.co/sG2wFKTLhF

[Gil Barbara @gilbarbara]

I built ColorMeUp Lab — a free, open-source generator for OKLCH color scales.

The steps come out perceptually even, not just mathematically even. Built for design-system work.

https://t.co/2oS7fiqvw4

[Gil Barbara @gilbarbara]

Export to Tailwind v4/v3, CSS variables, SCSS, or SVG.

No sign-up to use it. The entire palette is encoded in the URL — share a link, get the exact scale back.

[Gil Barbara @gilbarbara]

Everything is computed in OKLCH, so you control lightness and chroma independently:

• steps 3–21
• lightness & chroma curves
• saturation + min/max lightness
• per-step overrides
• OKLCH/sRGB toggle, wide-gamut P3

[trash @trashh_dev]

engineering teams celebrating agentic workflows that returned the same result two runs in a row

[Gil Barbara @gilbarbara]

@tonydehnke @ClaudeCodeLog Same. Weird AF.

[Gil Barbara @gilbarbara]

@AjithBhat @getjobproof Thanks! V3 is coming soon!

[Gil Barbara @gilbarbara]

Yeah, I know. 🤯

https://t.co/vs8ai325ha

[I Am Devloper @iamdevloper]

Asking AI for help is like pair-programming with a genius who occasionally lies for fun.

[Gil Barbara @gilbarbara]

Universal coordination layer for AI coding assistants. Mix & match any MCP-compatible agents:

• Claude Code + Qwen + Gemini + Codex
• Cross-project messaging
• Feature coordination

One config, infinite possibilities.

https://t.co/SaaS0KUvqz

@AnthropicAI @OpenAI #AI

[Gil Barbara @gilbarbara]

🙌🏻

[Addy Osmani @addyosmani]

Introducing "Copy console" in @ChromeDevTools: one-click copy all console messages. Useful for pasting into LLMs / AI Code Editors for better fixes.

[God @TheTweetOfGod]

In an ideal scenario the President of the United States and the worst person in the world would be two different people.

[Gil Barbara @gilbarbara]

🙋🏻‍♂️

[Gil Barbara @gilbarbara]

@mattpocockuk Use https://t.co/P6eDqgENYu

[Gil Barbara @gilbarbara]

Short and sweet!

Learn the Latest ECMAScript Features (ES2024, ES2023, ...) by @tomasz_ducin (course on @eggheadio) https://t.co/z4J7pga0i1

[Gil Barbara @gilbarbara]

@storybookjs It went smoothly. I just needed to update the config to keep using the react-docgen-typescript package.

[Gil Barbara @gilbarbara]

@codesandbox Let me fork this so you can edit (I just wanted to view the code)
Oh, To edit this Devbox, you must convert it into a personal draft. 🫠

[Gil Barbara @gilbarbara]

Hey @codesandbox
"From Jan 30th, all draft Sandboxes need to be private"
So, even with my Pro subscription I can't share it with anyone? That's crazy.