check
Code copied to clipboard.
close
menu

Quickstart

What is LiftKit?

LiftKit is a design system based on the golden ratio. At its core, it's nothing more than a set of formulas. These formulas, in turn, power a global scaling system. What makes it unique is how this scaling system works.

Differences from Other Systems

The key difference between LiftKit and most design systems is how it handles spacing, scaling, and symmetry.

Most systems are absolute, meaning they use:

  • Static units (px, pt, dp)
  • Layouts based on a base-4 grid
  • Linear scaling
  • Literal symmetry

Liftkit is a relative system, meaning it uses:

  • Relative units (em, rem, %)
  • Layouts based on the golden ratio
  • Exponential scaling
  • Optical symmetry

How to Use These Docs

These docs are broken down into 4 sections that are meant to be read in order. They are:

  • Install - Installation and Environment Setup
  • Tutorials - Short, step-by-step exercises to get you familiar with the system
  • Reference - The formal documentation of components, styles, and types
  • Theory - Optional. Long-form articles describing the "why" of LiftKit.