Animated navigation components: menus, tab bars and docks

Ways to move around a site or an app: a full-screen editorial menu, a breadcrumb that collapses, a checkout stepper, a radial menu, a collapsible sidebar, pagination with rolling numbers, tabs with a liquid drop, an iOS-style segmented control, a bottom tab bar, a navbar that shrinks on scroll, a dock with magnification and a category bar.

They are built in HTML and CSS or React with Framer Motion. Set colours and sizes live, copy the code and plug in your own routes.