Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

LiftKit – UI where "everything derives from the golden ratio"

chainlift.io

Post reply on HN
Print view View original

21–30 of 160 posts

Re: LiftKit – UI where "everything derives from the golden ratio"

#21

Post by reactordev »

accoil wrote: post #18
tom_ wrote: post #16

Here's a tip: any time you've got before/after screen grabs, don't do this thing where you've got to drag a line to switch between the two, don't have a fade, don't have a sliding transition, or anything like that. Just have it display one, then have a single button that you click to have it immediately display the other. Then when you click the button again, it goes back to displaying the first one again. Click, cli…

I've been wondering that myself. The descriptions seem to indicate that fully dragged to the left is liftkit, but my first assumption was that would be fully dragged to the right.

it's bad UX. There's a little tiny arrow on the line's grab indicator showing which "side" you should look at. You can barely see it. Below there's the two labels floated to either side...

Re: LiftKit – UI where "everything derives from the golden ratio"

#23

Post by claytongulick »

I really wish they would start with "this is for next.js/react".

I had to dig through the docs and get to the installation instructions just to find out that it's React only.

It looks great, but I'm always confused why design system folks wouldn't base everything off web components, which work with almost any framework.

Re: LiftKit – UI where "everything derives from the golden ratio"

#25

Post by cchance »

nickradford wrote: post #9

I wouldn't trust a UI framework where all of the components are shown as images instead of instances of the actual UI framework...

If they showed the actual css, people could just ... copy it, and then how could they charge for the secret golden ratio code lol

Re: LiftKit – UI where "everything derives from the golden ratio"

#26

Post by cchance »

khimaros wrote: post #8
khimaros wrote: post #7

Earlier quoted context omitted.

this seems to be for custom design services. IANAL but the libraries and design language seems to be open source and free to use.

https://github.com/Chainlift/liftkit

Next.js without Tailwind ... why not just make it a fuckin tailwind plugin lol

Re: LiftKit – UI where "everything derives from the golden ratio"

#28

Post by tom_ »

reactordev wrote: post #21
accoil wrote: post #18

Earlier quoted context omitted.

I've been wondering that myself. The descriptions seem to indicate that fully dragged to the left is liftkit, but my first assumption was that would be fully dragged to the right.

it's bad UX. There's a little tiny arrow on the line's grab indicator showing which "side" you should look at. You can barely see it. Below there's the two labels floated to either side...

If you're referring to the thing, you could well be right? I figured that was merely an indication that you could drag the thing sideways!

(And I'm clearly not the only one that feels this aspect of the site would benefit from another pass...)

Re: LiftKit – UI where "everything derives from the golden ratio"

#29

Post by bobbylarrybobby »

tom_ wrote: post #16

Here's a tip: any time you've got before/after screen grabs, don't do this thing where you've got to drag a line to switch between the two, don't have a fade, don't have a sliding transition, or anything like that. Just have it display one, then have a single button that you click to have it immediately display the other. Then when you click the button again, it goes back to displaying the first one again. Click, cli…

I agree, the x-axis labels are not helpful! Thankfully, the first example is “buttons with corrected icon spacing”, and the image on the right looks much better than the one on the left (a bigger difference in quality than in the other two examples), which is visible when the slider is on the left.

Suggestion to devs: put the label “material-style” in the lower left of its image and “liftkit” in the lower right of its image, and cover them appropriately as the slider moves, and then it'll be clear which framework the current image (or portion of it) belongs to.

Re: LiftKit – UI where "everything derives from the golden ratio"

#30

Post by carshodev »

cluckindan wrote: post #6
candiddevmike wrote: post #5

I thought this was an unhinged parody of a design site, kinda surprised it's a real thing. Unfortunately the design isn't for me, things look off center and the overall "weight" of components feels off.

Agreed. I’ve spent considerable time on scale-based design, and 1.618 always feels too large of an interval.

Yeah I tried using a similar "golden rule" after reading a design article about it. I based my css variable sizes on it but I kept having to use manual px and rem values instead because stuff just never felt correct.
Post reply on HN