Button variants

Get code

Eye catching button

Get code

Input variants

Get code

Simple card variants

Get code

Lorem ipsum dolor

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nostrum, hic ipsum! Qui dicta debitis aliquid quo molestias explicabo iure!

Lorem ipsum dolor

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nostrum, hic ipsum! Qui dicta debitis aliquid quo molestias explicabo iure!

Lorem ipsum dolor

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nostrum, hic ipsum! Qui dicta debitis aliquid quo molestias explicabo iure!

Lorem ipsum dolor

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nostrum, hic ipsum! Qui dicta debitis aliquid quo molestias explicabo iure!

Lorem ipsum dolor

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nostrum, hic ipsum! Qui dicta debitis aliquid quo molestias explicabo iure!

Lorem ipsum dolor

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nostrum, hic ipsum! Qui dicta debitis aliquid quo molestias explicabo iure!

Card with multi layers

Get code

Lorem ipsum dolor

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nostrum, hic ipsum! Qui dicta debitis aliquid quo molestias explicabo iure!

Lorem ipsum dolor

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nostrum, hic ipsum! Qui dicta debitis aliquid quo molestias explicabo iure!

Lorem ipsum dolor

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nostrum, hic ipsum! Qui dicta debitis aliquid quo molestias explicabo iure!

Lorem ipsum dolor

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nostrum, hic ipsum! Qui dicta debitis aliquid quo molestias explicabo iure!

Card with image

Get code
lemon

Lorem ipsum dolor

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nostrum, hic ipsum!

veggtables

Lorem ipsum dolor

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nostrum, hic ipsum!

image

Lorem ipsum dolor

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nostrum, hic ipsum!

veggtables

Lorem ipsum dolor

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nostrum, hic ipsum!

image

Lorem ipsum dolor

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nostrum, hic ipsum!

image

Lorem ipsum dolor

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nostrum, hic ipsum!

Get notified about new components & updates

Separator

Get code
Section
Section
Section
Section

Text animation

Get code

G

r

a

d

u

a

l

 

S

p

a

c

i

n

g

Typing Effect

Staggered Fade

You can

build

L
e
t
t
e
r
s
 
P
u
l
l
 
U
p
Words
Pull
Up

Text Blur in

Fade Up

Lorem ipsum dolor sit amet, consectetur adipisicing elit amet.

Lorem, ipsum dolor.

Fade Down

Lorem ipsum dolor sit amet, consectetur adipisicing elit amet.

Lorem, ipsum dolor.

Built on top of Variant Vault

Bento with 4 cells

Get code
1
2
3
4

1
2
3
4

1
2
3
4

1
2
3
4

Bento with 5 cells

Get code
1
2
3
4
5

1
2
3
4
5

1
2
3
4
5

1
2
3
4
5

Bento with 6 cells

Get code
1
2
3
4
5
6

1
2
3
4
5
6

1
2
3
4
5
6

1
2
3
4
5
6