UI tip: instead of using gaps in bordered lists,... try hiding the borders next to the hovered item.show more

this effect can be achieved using only css by... combining the :has() and :not() pseudo-classes: `.menu:has(.item:hover) .item:not(:hover) { filter: blur(8px); }` which simply means: when a menu has a hovered item, blur every item inside it that isn't being hoveredshow more

Everyone keeps calling the Apple Vision Pro's UI "Magical"... I NEEDED to try it out for myself. The Quest Pro is capable of it so I made a demo using eye tracking and hand tracking replicating the Apple UI. Its really good. APK for everyone to try the "Vision UI Experience" soon, Video with my takeaways Sooner.show more

One nice subtle benefit of using Base UI over... Radix is that the animations are interruptible since Base uses CSS transitions instead of keyframes. This is me spamming on both dropdowns, notice the glitchiness in the one on the left.show more

A simple possession game using sticky ball. •Hurley in... hurling hand, throw with the catching hand •Team in possession try work the ball to their teammate with the sticky pad •Players can progress to hand passing instead of throwingshow more

💡 FM26 Quick Tip: Tick Multiple Boxes Faster Instead... of ticking each box one by one, click on the first item you want, then hold Shift and click on the last one: everything in between will be selected automatically. ☑️show more

Instead of using cardio machines, you can also try these...

The DTI waiting time just to get the next item:

If you ever feel like the gradients you're using... are dull or muddy, try using OKLCH colors instead. In OKLCH, hue is angular, which means that the colors the gradient passes through are different compared to sRGB.show more

In the next version of React Scan: Filter down... and select parts of the UI that you care aboutshow more

preview of the upcoming cupcakke collab emote arriving in... the next item shop reset 👀🔥 (Via: @kanesbarefeet)show more

Forgot to mention this CSS tip when sharing the... :has() calendar 🤦‍♂️ It's a <table> & a snippet like this 👇 tr:has(:checked) ~ tr:has(:hover) .cell:has(~ .cell:hover) Says target the cell in a sibling row that's hovered and has a sibling that is hovered 🤯 You :has() power! 💪show more

Claude Code pro tip: use Ctrl+W to delete full... words instead of backspacing like a caveman hat tip to Ray Fernando for the tip on his streamshow more

Second attempt at the face rig. This time instead... of using FaceIt, I'm using my own custom addon that's more streamlined towards cartoony faces. I'll try to animate something with it soon.show more

Trying to make sure i'm not just sitting around... doing nothing. early wip for the item box uishow more

Design Engineering Tip: If you’re using the same corner... radius across your entire UI, try scaling it with the component size: 12px → XS (buttons, tags) 16px → S (cards, inputs) 24px → M (modals, panels) As components get larger, increasing the radius can help preserve the same visual softness and balance.show more

One rounded wood profile, zero gaps: clean cuts lock... into a perfect mate, the joint looks built-in instead of patched 🪵show more

This UI was one-shotted using a video as the... prompt. It captures interactions, full flows, and animations — stuff that is typically painful to prompt for. Looking for early adopters to try our new Video → UI feature 👀show more