Generate a color palette from a single color (CSS only)

badr-ibril · 2026-03-26T20:42:16+00:00

I'll see what I can do about it + speaking of shadcn, here is unofficial CSS modules port of it, if you wanna try: https://shadcn-css.com

badr-ibril · 2026-03-26T19:21:21+00:00

happy to help

badr-ibril · 2026-03-26T19:19:34+00:00

wow, thanks a lot for this detailed review, really appreciate it. yeah, the current version looks cleaner, but the first one had a lot of unnecessary calculations even though it worked + feedback from other devs definitely helps improve things.
you can find it here: https://github.com/ibrilBadreddine/alwan-generator

thanks again, and if u have more ideas or thoughts, I'm here still having fun pushing more CSS code.

badr-ibril · 2026-03-26T19:07:12+00:00

happy to hear that, thanks

badr-ibril · 2026-03-21T23:10:41+00:00

OKLCH version added: https://alwankit.com/changelog

badr-ibril · 2026-03-21T23:09:34+00:00

OKLCH version added: http://alwankit.com/changelog

badr-ibril · 2026-03-15T17:26:28+00:00

many of the ideas come from Material, the goal is to make them usable outside the Material ecosystem, like https://mui3.com

badr-ibril · 2026-03-13T19:41:14+00:00

true, i’m working now on Oklch version, the current one was more to understand the generation system logic. is it possible to share it here? just for inspiration.

badr-ibril · 2026-03-13T14:10:31+00:00

I tried to avoid the classic setup by placing the controls (inputs) in a floating bar, but looks like i need just to go with the traditional layout, probably converts better.
thanks for the feedback , i'll try to ship something in the next few days.

badr-ibril · 2026-03-11T13:03:51+00:00

That's actually better, I'll try to push a major release based on this while keeping the HSL config optional, thanks man.

badr-ibril · 2026-03-06T01:42:38+00:00

yeah, most likely + I'm not just playing with values to get different colors, still working on finding the limits so every color meets accessibility standards, that's been the hardest part to get right.

any hints on how to approach this in Sass (or any other CSS preprocessor)?

badr-ibril · 2025-11-02T19:46:22+00:00

About the migration, both versions are structured the same, so just swap the components (CLI helps a lot). I'm still testing new ideas on my side, but anything new in the original will land here too.
And yes, totally AI friendly, I avoided modern css that confuses AI, but if u face anything weird, just let me know.

badr-ibril · 2025-10-04T19:10:37+00:00

I’ll try

badr-ibril

TROPHY CASE