Praxys UI
Pages
I
n
s
t
a
l
l
a
t
i
o
n
C
o
m
p
o
n
e
n
t
s
T
e
m
p
l
a
t
e
s
E
x
a
m
p
l
e
s
Tools
A
n
i
m
a
t
i
o
n
S
t
u
d
i
o
B
a
c
k
g
r
o
u
n
d
S
t
u
d
i
o
G
r
a
d
i
e
n
t
M
a
k
e
r
S
h
a
d
o
w
L
a
b
G
l
a
s
s
m
o
r
p
h
i
s
m
T
h
e
m
e
B
u
i
l
d
e
r
Search...
⌘K
Changelog
GitHub
// tools / animation-studio
Animation Studio
Code
Share
Import
Fullscreen
Replay
Reset
Basic
Buttons
Cards
Text
Navigation
Visual
Media
Box
Circle
Card
Text
0%
25%
50%
75%
100%
Graph Editor
0.25x
0.5x
1x
2x
Presets
Basic
Hero / Landing
UI Components
Attention
Advanced
Praxys UI
fadeIn
fadeOut
slideUp
slideDown
slideLeft
slideRight
scaleIn
scaleOut
bounce
pulse
shake
spin
flip
Keyframes
Perf
0%
100%
Translate X
0px
Translate Y
40px
Scale
1.00x
Rotate
0deg
Skew X
0deg
Skew Y
0deg
Opacity
0.00
3D Transforms
Rotate X
0deg
Rotate Y
0deg
Perspective
0px
Easing
Named
Bezier
Spring
linear
ease
ease-in
ease-out
ease-in-out
Timing
Duration
0.50s
Delay
0.00s
Direction
normal
reverse
alternate
alternate-reverse
Fill Mode
none
forwards
backwards
both
Animation Chain
OFF
Sequencer
Off
Motion Path
Off
A/B Comparison
OFF