Rich Styled UI Components
Make your website stand out with minimal effort.Built with Reactjs, shadcn and Framer Motion for animation.
Input
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 codeLorem 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!
Interactive Cards
Get codeLorem 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 codeText 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