Navegación animada: menús, tab bars y docks

Formas de moverse por una web o una app: un menú editorial a pantalla completa, un breadcrumb que se colapsa, un stepper de checkout, un menú radial, un sidebar colapsable, una paginación con números que ruedan, tabs con gota líquida, un segmented control estilo iOS, una tab bar inferior, una navbar que se encoge al hacer scroll, un dock con magnificación y una barra de categorías.

Están hechos en HTML y CSS o en React con Framer Motion. Ajusta colores y tamaños en vivo, copia el código y conecta tus propias rutas.