Check Pro Templates

Rich Styled UI Components

Make your website stand out with minimal effort.Built with Reactjs, shadcn and Framer Motion for animation.

Button

Get code

Eye catching button

Get code

Stateful button

Get code

Simple cards

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!

Lorem ipsum dolor

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

Multi-layers Cards

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!

Cards 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

Card with pattern

Get code

Lorem ipsum dolor

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

Lorem ipsum dolor

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

Lorem ipsum dolor

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

Lorem ipsum dolor

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

Lorem ipsum dolor

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

Lorem ipsum dolor

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

Lorem ipsum dolor

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

Lorem ipsum dolor

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

Interactive Cards

Get code

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pulvinar risus non risus hendrerit venenatis. Pellentesque sit amet hendrerit risus, sed porttitor quam. ipsum dolor sit amet, consectetur adipiscing elit. Nullam pulvinar risus non risus hendrerit venenatis. Pellentesque sit amet hendrerit risus, sed porttitor quam. Magna exercitation reprehenderit magna cillum tempor amet aliquip ullamco. Occaecat adipisicing ea elit labore incididunt consectetur dolore sint ipsum nulla ullamco magna aliqua culpa dolore cillum esse veniam.

Dots loader

Get code

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.

Fade Down

Lorem ipsum dolor sit amet, consectetur adipisicing elit amet.

Some of the animation are built on top of Variant Vault

Bento (4 cells)

Get code
1
2
3
4
1
2
3
4
1
2
3
4
1
2
3
4

Bento (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 (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