LiftKit: a React/Next.js UI framework that applies golden ratio mathematics to component design.
Instead of using static pixel measurements, it creates visually balanced interfaces through relative units and optical corrections.
Key features:
📐 Golden ratio-based spacing and scaling system
🎨 Material Design 3 integration with dynamic colors
⚡ CLI tool for easy component installation
🧩 Automatic dependency management between components
📦 Built-in CSS optimization for production builds
🔧 Full TypeScript support with comprehensive definitions
The framework moves beyond traditional grid systems by using exponential scaling and optical symmetry.
You can install individual components or grab the entire library, and unused CSS gets automatically removed at build time.
Works perfectly with Next.js applications.
Top comments (0)