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

Re:LiftKit – UI where "everything derives from the golden ra... by bobbylarrybobby on Monday February 09, 2026 @09:26PM (#46954559)

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.

[ Parent | on HN ]

Re:LiftKit – UI where "everything derives from the golden ra... by Garrett_Mack on Monday February 09, 2026 @09:39PM (#46954653)

Thanks for the tip! That actually was the first idea but I didn't end up doing it, for some reason. Thanks for the suggestion.

[ Parent | on HN ]

Re:LiftKit – UI where "everything derives from the golden ra... by rablackburn on Monday February 09, 2026 @10:48PM (#46955114)

... just to be a (hopefully helpful) pedant:

If you were going to do this for the slider approach you can arrange the labels to the `block-start` and `block-end` of the image and support non-RTL scripts/languages natively.

[ Parent | on HN ]

Re:LiftKit – UI where "everything derives from the golden ra... by jstanley on Tuesday February 10, 2026 @04:38AM (#46957356)

> the first example is “buttons with corrected icon spacing”, and the image on the right looks much better than the one on the left

For me the better image appears on the left.

The left image has the icon in the centre of the radius and the right image has it in a random place.

[ Parent | on HN ]