How to use Framer Motion animate hook to create a count up/down effect when in view.

useCounter hook with Framer Motion

How to make use of the useScroll hook from Framer Motion to change the height of a header element on scroll.

Transform header height on scroll with Framer Motion

How to use onanimationend to animate to and from display none with Framer Motion.

Give your pages some headroom. Hide your header until you need it with Framer Motion.

Useful React Hook for managing a wrapping index for an array of items.

Learn how to animate a React Aria dialog component with Framer Motion

How to style wrapping elements based on nested input focus state.

How to create a flexible grid solution with custom properties.

Create an overlapping image effect with CSS Grid. No absolute positioning or negative margins needed!