Rich Styled UI Components
Make your website stand out with minimal effort.Built with Reactjs, shadcn and Framer Motion for animation.
Input variants
Get codeSimple cards
Get codeLorem 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 codeLorem 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
Lorem ipsum dolor
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nostrum, hic ipsum!
Lorem ipsum dolor
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nostrum, hic ipsum!
Lorem ipsum dolor
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nostrum, hic ipsum!
Lorem ipsum dolor
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nostrum, hic ipsum!
Lorem ipsum dolor
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nostrum, hic ipsum!
Lorem ipsum dolor
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nostrum, hic ipsum!
Get notified about new components & updates
Card with pattern
Get codeLorem 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!
Dots loader
Get codeSeparator
Get codeText animation
Get codeG
r
a
d
u
a
l
Â
S
p
a
c
i
n
g
Typing Effect
Staggered Fade
build
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