Components / Interaction
MotionReveal
Motion for React viewport reveal with reduced-motion support.
Preview
Motion viewport reveal
1import { MotionReveal } from "@/components/ui/motion-reveal"2
3export function MotionRevealDemo() {4 return <MotionReveal>Reveal on view</MotionReveal>5}Installation
Add the source directly to your project with the shadcn CLI.
npx shadcn@latest add qentrah/DUI/motion-revealUsage
Install the component, import it from your configured UI directory, and adapt the source to your product. Open the source panel under any example to copy that exact variant.