Floating Navbar
A navbar that hides on scroll down and reappears floating and condensed on scroll up.
Lumenite
scroll up and down to see the navbar react
Usage: paste this file into your project (e.g.
components/floating-navbar.tsx), make sure framer-motion, clsx and tailwind-merge are installed, and add the cn() helper from the docs.