Clay – UI Layout Library • Hacker News Board

Clay – UI Layout Library

#1

Post by ivmoreau » Thu, Dec 19, 2024, 4:36 PM UTC

Clay – UI Layout Library
nicbarker.com

Re: Clay – UI Layout Library

#2

Post by mega-tux » Thu, Dec 19, 2024, 6:28 PM UTC

Looks very nice, I just watch a great YT video from the developer here https://www.youtube.com/watch?v=DYWTw19_8r4

Re: Clay – UI Layout Library

#3

Post by chromanoid » Thu, Dec 19, 2024, 7:59 PM UTC

cool stuff! selectable text is a MUST in the browser for me. In clients and apps that do not need that or can provide it themselves, this seems to be a very nice and tiny solution.

Re: Clay – UI Layout Library

#4

Post by britannio » Thu, Dec 19, 2024, 8:23 PM UTC

So cool. I wonder if it'd work for a Raspberry Pi Pico + https://pimoroni.com/picodisplay or similar devices.

Re: Clay – UI Layout Library

#5

Post by dannyobrien » Thu, Dec 19, 2024, 8:24 PM UTC

chromanoid wrote: post #3

cool stuff! selectable text is a MUST in the browser for me. In clients and apps that do not need that or can provide it themselves, this seems to be a very nice and tiny solution.

it's weird to watch it break text selection/copy-and-paste : feels like it might be fixable, though.

I'm a stuck record on this, but I really feel like the regressions in clipboard universality are one of most understated losses of UI shifts in the last few years (along with linkability and embedding)

Re: Clay – UI Layout Library

#6

Post by zibzob » Thu, Dec 19, 2024, 8:29 PM UTC

This looks pretty cool, but from the page I can't tell if there's any interactivity supported...there's a button example but it seems to have no click handler?

Okay, from the examples there's something like this:

   if (isMouseDown && !scrollbarData.mouseDown && Clay_PointerOver(Clay_GetElementId(CLAY_STRING("ScrollBar")))) {

Re: Clay – UI Layout Library

#7

Post by jasonjmcghee » Thu, Dec 19, 2024, 8:57 PM UTC

Just wanted to drop a note - everything following the animation cannot be selected - seems focus is stolen somehow - whenever I try to select text, it immediately deselects it.

Re: Clay – UI Layout Library

#8

Post by rubymamis » Thu, Dec 19, 2024, 9:26 PM UTC

mega-tux wrote: post #2

Looks very nice, I just watch a great YT video from the developer here https://www.youtube.com/watch?v=DYWTw19_8r4

It's so rare to see such a clear and intuitive explanation. This video is amazing.

Re: Clay – UI Layout Library

#9

Post by rmac » Thu, Dec 19, 2024, 9:28 PM UTC

jasonjmcghee wrote: post #7

Just wanted to drop a note - everything following the animation cannot be selected - seems focus is stolen somehow - whenever I try to select text, it immediately deselects it.

this happens to me on mobile using all chromium and gecko based browsers

what's also interesting is how much worse Firefox is at rendering this page; example =>

https://imgur.com/a/DNYe2WN

Re: Clay – UI Layout Library

#10

Post by riazrizvi » Thu, Dec 19, 2024, 9:43 PM UTC

mega-tux wrote: post #2

Looks very nice, I just watch a great YT video from the developer here https://www.youtube.com/watch?v=DYWTw19_8r4

The developer is rediscovering the concept of a GUI library. The modern variant is the mouse-driven GUI developed by Xerox in the 1970s (and later commercialized by them as Xerox Star) which Jobs famously copied to create Apple’s Lisa, and Gates famously mimicked to create MS Windows. Since they determine the look and feel of a platform and their design determines the ease with which developers can create apps for the platform, GUI frameworks became pivotal to platform wars across all sorts of products, from OSs to browsers, graphics engines and anything else whose success was determined largely by the interface developer experience.