Hola!Today, we will create a simple scroll-aware toolbar, like the one you see while reading a blog on Hashnode but using Framer Motion. Boilerplate Setup I will bootstrap the project with Nextjs for its built-in Tailwind support, but you can use Rea...

Markdown supported Β· ββ΅ to post
Hey Amar I am new here I have read your blog for first times really the information you shares is amazing !!
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 β¨
klement Gunndu
Agentic AI Wizard
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.