Toggle theme
Dev
exp
theme
buttons
typography
components
responsiveness
edit content
tw colors
tailwind
Accordion
Accordion
Alert
Open Alert
Dialog
Open Dialog
Divider
OR
Dropdown Selector
Select an option
Label
Default Label
Large Label
Colored Label
Option Menu
Home
About
Contact
Range Slider
Volume
Modal
Open General Modal
Textarea & Input
Paragraph Dividers
* * * * * *
• • • • • •
◆ ◆ ◆ ◆ ◆ ◆
Text Animations
Wave
H
e
l
l
o
W
o
r
l
d
!
Bounce
B
o
u
n
c
y
T
e
x
t
!
Rotate
S
p
i
n
n
i
n
g
T
e
x
t
!
Wave (Longer)
T
h
i
s
i
s
a
l
o
n
g
e
r
t
e
x
t
t
h
a
t
w
a
v
e
s
b
e
a
u
t
i
f
u
l
l
y
!
Bounce (Longer)
T
h
i
s
t
e
x
t
b
o
u
n
c
e
s
w
i
t
h
c
h
a
r
a
c
t
e
r
!
Regular Fade In
Regular Fade In
Custom Wave
C
u
s
t
o
m
S
t
y
l
e
d
!
Delayed Bounce
D
e
l
a
y
e
d
B
o
u
n
c
e
Delayed Fade
Delayed Fade
Manual Gradient
Manual Gradient Text
Fast Wave (0.5s)
F
a
s
t
W
a
v
e
!
Slow Bounce (2s)
S
l
o
w
B
o
u
n
c
e
!
Hover Animations
Hover Wave
Hover to animate
H
o
v
e
r
m
e
!
Hover Bounce
Hover to animate
B
o
u
n
c
e
o
n
h
o
v
e
r
!
Hover Rotate
Hover to animate
S
p
i
n
o
n
h
o
v
e
r
!
Hover Wave (Longer)
Hover to animate
T
h
i
s
t
e
x
t
w
a
v
e
s
w
h
e
n
y
o
u
h
o
v
e
r
!
Hover Bounce (Longer)
Hover to animate
T
h
i
s
t
e
x
t
b
o
u
n
c
e
s
o
n
h
o
v
e
r
!
Hover Custom Wave
Hover to animate
S
t
y
l
e
d
h
o
v
e
r
w
a
v
e
!
Hover Delayed Bounce
Hover to animate
D
e
l
a
y
e
d
h
o
v
e
r
b
o
u
n
c
e
Hover Manual Gradient
Hover to animate
G
r
a
d
i
e
n
t
h
o
v
e
r
t
e
x
t
Hover Fast Wave (0.5s)
Hover to animate
F
a
s
t
h
o
v
e
r
w
a
v
e
!
Hover Slow Bounce (2s)
Hover to animate
S
l
o
w
h
o
v
e
r
b
o
u
n
c
e
!