What problem does it solve?
Designing tasteful, performant UI components and animations requires a deep understanding of design principles and concrete values. Without this, UIs often become over-animated, inconsistent, or sluggish, hindering user experience.
Core Features & Use Cases
- Linear Design Philosophy: Apply principles of restraint, intentionality, and craft to all UI decisions, ensuring a polished and focused user experience.
- Animation Decision Trees: Guide choices for animation type, timing, and easing based on interaction context, preventing gratuitous motion.
- Concrete Values: Utilize actual timing and property values from high-quality libraries like Sonner and Vaul, ensuring consistent and performant animations.
- GPU-Accelerated Properties: Focus on animating
opacity and transform for optimal performance, avoiding layout thrashing and jank.
Quick Start
Design a new modal component that feels like Linear, using subtle opacity and scale animations for entrance and a faster fade for exit.