MotionCards
Elegant cards in seamless flow for clean web design.
Beautiful Cool Components
Customizable UI Blocks
Responsive Layouts
Smooth Scroll Animations
Open Source UI Components Library
Installation
npx shadcn@latest add https://scrollxui.dev/registry/motioncards.json Usage
import MotionCards, { MotionCardContent } from "@/components/ui/motioncards";<MotionCards interval={1300}>
<MotionCardContent>
<div className="p-4 text-center">Card 1: Analytics</div>
</MotionCardContent>
<MotionCardContent>
<div className="p-4 text-center">Card 2: Performance</div>
</MotionCardContent>
<MotionCardContent>
<div className="p-4 text-center">Card 3: Components</div>
</MotionCardContent>
<MotionCardContent>
<div className="p-4 text-center">Card 4: Developers</div>
</MotionCardContent>
</MotionCards>API Reference
MotionCards
Elegant cards in seamless flow for clean web design.