Grégory Hoarau

Dev Web chez @Kanoma_it, ex-étudiant à la Web@cadémie.

[Colm Tuite @colmtuite]

Uniform color scales is a fallacy. Uniform chroma/lightness is not remotely close to possible, nor is it even desirable.

Explanation in thread 🧵

[JP @dqnamo]

Make your buttons animate smoothly between content and state changes 💫

[Jakub Krehel @jakubkrehel]

Have you ever wondered what OKLCH colors are, how they work or just wanted to use them in your project?

You can use /oklch-skill to convert colors, generate palettes, check contrast, migrate colors and more.

npx skills add jakubkrehel/oklch-skill

[Marcel @marcelkargul]

master colors, spacing, and typography.

everything else is secondary.

[Grégory Hoarau @GregHoarau]

@KevinVanCott @sadmann17 @shadcn @tan_stack @partykit_io I pray for this 🙏 Cell selection feature, etc…

[sadman @sadmann17]

made a multiplayer data-grid with undo redo, cell selection, cell pasting, and presence tracking.

built with @shadcn /ui, @tan_stack table and db, and @partykit_io .

[Micka @micka_design]

Too many scrollable list that are not scrolled.
Exploring the best technique to create affordance that there's more on the scroll.

Best example you've been out there?

[Grégory Hoarau @GregHoarau]

@NoFootBallPeace @Tunnykvng Please stop using AI pls

[Tran Mau Tri Tam ✪ @tranmautritam]

Okay, this is how I polish a button. Steal it.

[Grégory Hoarau @GregHoarau]

@colmtuite Really looking forward to seeing virtualization, drag and drop, gridlists and trees in Base UI

[Kevin @keviduk]

Add a little joy to your UI when removing an item.

.removing-item .container {
filter: blur(8px);
opacity: 0;
transform: scale(0.92);
transition: filter 280ms ease-in,
opacity 200ms ease-in,
transform 280ms ease-in;
}

.removing-item {
width: 0;
transition: width 320ms cubic-bezier(0.2, 0, 0, 1) 60ms;
}

[Gabriel @gabriell_lab]

Design Tip: Use background blur + a subtle tint (e.g. linear gradient 10–15% black) instead of a simple 40% opacity overlay.

This creates depth and a refined glass-like look instead of a flat dark overlay.

[Nils @nilseller]

Tip: Stop using gray 1px borders.

Stack a 1px white inset shadow + 1px black 4% outer shadow instead to make elements feel sharper and more dimensional.

[Anas Karatela @AnasKaratela7]

This is how perfect buttons are designed

[Micka @micka_design]

Now you can compare @shadcn components side by side with Fluid Functionalism components.

https://t.co/J0l21JYtKn
Hover the difference.

[Ludvig Rask @ludvigrask_]

Inputs 📂 A lot of testing to hit something that works across all our surfaces without adding too much complexity.

[alan @stylessh]

who's ready to try the next-gen git platform?

[Pratik @maybepratikk]

design for complex products? always fun.

[Jakub Krehel @jakubkrehel]

/oklch-skill

Work with colors as we see them. Convert, migrate, generate palettes, check contrast and more.

npx skills add jakubkrehel/oklch-skill

[kosta4a @kosta4a]

start creating the apps you wish existed