How to make Hashnode like Scroll Aware Toolbar using Framer Motion

Using useMotionValueEvent to track scroll direction instead of raw scroll listeners is much cleaner — the threshold-based show/hide avoids the flicker you get with naive implementations.

Really helpful Ammar Mirza

Hey Amar I am new here I have read your blog for first times really the information you shares is amazing !!

Nice article!

Nice approach Ammar Mirza !. We did evaluate using framer at the time when implementing but resorted to vanilla js since we didn't want to add one more additional dep. But the DX with framer is more intuitive ✨