Animate UI

A fully animated, open-source component distribution built with React, TypeScript, Tailwind CSS, Motion and Shadcn CLI

Motion Effect

Motion effect component that displays the motion effect (fade in, slide in, etc.).

Copy and the paste the following command into your terminal.

Motion Effect Fade Blur Demo

(motion-effect-fade-blur-demo)

Demo showing the motion effect fade blur.

https://shadcnregistry.com/preview/animate-ui/motion-effect-fade-blur-demo

Motion Effect Image Grid Demo

(motion-effect-image-grid-demo)

Demo showing the motion effect image grid.

https://shadcnregistry.com/preview/animate-ui/motion-effect-image-grid-demo

Motion Effect Slide Demo

(motion-effect-slide-demo)

Demo showing the motion effect slide.

https://shadcnregistry.com/preview/animate-ui/motion-effect-slide-demo