Feb 12, 2026 08:00:00

LiftKit is an open source framework that generates any UI in the golden ratio for free.

If you're struggling with web design or UI construction, you can use the UI framework ' LiftKit ,' which mathematically calculates and generates the '

golden ratio ,' which humans perceive as the most beautiful, to create visual designs that are free, open source, and meticulous down to the smallest detail.

LiftKit: The UI Framework for Perfectionists by Chainlift.io
https://www.chainlift.io/liftkit

LiftKit is a framework that provides basic UI components that can be used for interfaces such as buttons and input fields in website and software development. It is described as a 'UI framework for perfectionists' and features a mechanism for automating proportions and fine adjustments based on the golden ratio.

Below is an example of a 'Golden Ratio UI' shown on the website. The button icon on the left is taken from an existing framework, while the one on the right is modified using LiftKit. LiftKit calculates the 'most beautiful spacing' based on the font size.

Below are the cards used on the site, with the existing framework on the left and LiftKit on the right. Just like with buttons, all white space is calculated and adjusted to ensure even spacing.

Even in search and other input fields, everything from margins to font size to border radius is designed according to the Golden Ratio. LiftKit says, 'Everything is rendered in perfect proportion, creating a unique sense of harmony that you won't find anywhere else.'

It also comes with a feature called 'Dynamic Color,' which allows you to easily and intuitively manage the color scheme of an entire website or app. With Dynamic Color, you don't need to rewrite complex configuration files like with traditional theme builders; you can simply add a modular control panel to any file in your project and adjust the color while previewing changes in real time.

LiftKit can be used by installing it on a machine with Node.js, npm, and Git installed, incorporating it into a front-end project such as Next.js, and applying 'LiftKit styles' to UI elements such as buttons, cards, and text. Detailed installation instructions can be found below.

Install | LiftKit
https://www.chainlift.io/liftkit/install

LiftKit is an open source project and more information is available on GitHub.

GitHub - Chainlift/liftkit: Components from design to production
https://github.com/Chainlift/liftkit