Cards built with Motion. Install via CLI or copy the code into your project.

Magnifying lens follows the cursor on hover.

Interactive Preview

Explore intricate details of our advanced circuitry design with dynamic magnification.

npx @abhivarde/syncui@latest add cards/lens

Images auto-scroll in a smooth carousel.

Smooth auto-scrolling image carousel with fluid transitions

npx @abhivarde/syncui@latest add cards/twitterCarousel

Meteors streak across the background.

Create an ethereal atmosphere with animated meteor particles streaking across your card.

npx @abhivarde/syncui@latest add cards/meteorShower

Image overlay transitions on hover.

Transform static images with hover-triggered animated overlays.

npx @abhivarde/syncui@latest add cards/dynamicOverlay

Image shifts on hover above a content layout.

Content Card

Engaging visuals with dynamic interactions.

npx @abhivarde/syncui@latest add cards/contentCard

Gradient border rotates around the card.

Captivate users with a mesmerizing rotating gradient border animation. Now optimized for better performance.

npx @abhivarde/syncui@latest add cards/animatedBorder