Hairline UI
.
Components
Templates
Tools
Pricing
FAQ
Search
⌘
K
Sign in
All-Access Pass
Components
Templates
Tools
Pricing
FAQ
Sign in
Access your templates and orders
Search components and templates
Theme
All-Access Pass
Tools
Easing & springs
Get code
G
e
t
c
o
d
e
0ms
100ms
200ms
300ms
400ms
0
1
Pause
P
a
u
s
e
1×
½×
¼×
cubic-bezier(0.16, 1, 0.3, 1)
Move
Pop in
Sheet
Toggle
Dial
Expand
Every demo is a real CSS transition using the exported easing.