Skip to main content

Components Blocks Templates Customize Docs Blog GitHub

Loading...

Getting Started

Introduction
Installation
Quick Start
TypeScript Setup

Core Concepts

Animation Principles
Styling Guide
Accessibility
Performance

Components

Overview
Buttons
Forms
Feedback
Layout

Customization

Theming
CSS Variables
Dark Mode

API Reference

Hooks
Utilities
Types

On This Page

The Kinetik Philosophy
Spring Physics
Why Springs?
Tuning Springs
Motion Values
When to Use Motion Values
Animation Variants
Viewport Animations
The `once` Option
Performance Tips
1. Animate Transform Properties
2. Use `will-change` Sparingly
3. Reduce Motion for Accessibility
Next Steps

Docs/Core Concepts/Animation Principles

Animation Principles

Learn the core animation concepts that make Kinetik components feel alive.

Edit this page on GitHub

TypeScript Setup