Posts tagged "motion"

100daysofcode 100daysofdevops 100pay 10mistakes 10yearworkanniversary 11 11labs 11tly 11ty 127001

Part 1: Animate layout changes

What are we building? We are creating an animated list component. It will take an array of IDs and a renderItem function as props. The component arranges items in a row on large screens and i...

13.03.2025 0 Read More

Part 2: Property animations

In Part 1, we built an animated list using AnimDiv, AnimNode, and a hook to connect them. We also added a simple fade-in animation for the list items. But everything was hardcoded. In this part, we wi...

13.03.2025 0 Read More

Part 3: Exit animations

In Part 1 and Part 2, we built an animated list that animates layout changes and supported properties. We used AnimDiv, AnimNode, and a hook to connect them. The list supports enter animations, but ex...

13.03.2025 0 Read More

Shadcn Components Animated with Motion (and More!)

Are you looking to supercharge your Shadcn components with fluid, modern animations?Animate UI is an open-source distribution that animates Shadcn/ui with Motion—while retaining all the power and ac...

31.03.2025 0 Read More

Part 1: Animate layout changes

Part 2: Property animations

Part 3: Exit animations

Shadcn Components Animated with Motion (and More!)

#reading

#popular