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

Original Article ↗ Hacker News Discussion ↗

Golden ratio premise & skepticism

  • Many see the “everything derives from the golden ratio” claim as a marketing gimmick or pseudoscience, not a magic formula for beauty.
  • Others acknowledge phi can be a useful scale factor for asymmetric typography and spacing, but no more “sacred” than any other ratio.
  • Some argue 1.618 is too large for linear scales and often produces awkward jumps, preferring looser, eyeballed adjustments.
  • There’s debate over whether studies actually show a robust human preference for the golden ratio vs. nearby ratios.

Perceived design quality

  • Several commenters find the components “gorgeous,” satisfying, and an improvement over some popular frameworks’ details (e.g., icon spacing).
  • Others think elements look off-center or unbalanced and use this as evidence against rigid math-driven design.
  • Multiple people report they consistently prefer the “before” example in the comparison slider, or can’t tell which side is supposed to be better.
  • Complaints include inconsistent padding, especially on mobile, and issues with rounded corners and nested shapes.

Product maturity, licensing, and tech stack

  • The kit is described as very early, not production-ready, built by a solo, largely self-taught designer.
  • Confusion arises from a pricing calculator quoting large sums; commenters clarify that’s for agency services, while LiftKit itself is free and open source (AGPL).
  • It’s currently React/Next.js-focused, which turns off some; others wish it had been built as web components.
  • CSS is “vanilla” enough to adapt elsewhere, and there’s a community Tailwind plugin.

Documentation, demos, and site UX

  • Strong criticism that docs show screenshots instead of live components; some components (e.g., Dropdown, Select) lack proper visuals or sensible APIs.
  • The creator acknowledges the docs are a “nightmare,” components are “inaccessible spaghetti,” and a rebuild on top of Radix primitives is underway.
  • The before/after slider UX is widely panned: unclear labeling, awkward interaction, especially on touch, and general confusion about which side is which.
  • Some report poor scrolling performance and frame drops in Firefox.

Broader design/UX philosophy discussion

  • Several comments branch into critiques of design dogma (golden ratio, modular scales, vertical rhythm) vs. practical “looks right” adjustments.
  • Others share industry anecdotes where invoking the golden ratio was more a way to end bikeshedding than a real design driver.
  • There’s extended discussion of the aesthetic–usability effect: users often rate “prettier” but less efficient interfaces as easier to use.

Community reception & suggestions

  • Despite criticism, many praise the ambition, honesty, and responsiveness of the creator and encourage continuing the project.
  • Suggestions include: separate site for the design system, clearer framework/stack upfront, CDN option, more faithful comparisons, and simpler, instant before/after toggles instead of sliders.