AllTrails Tab Icon Animation

This interaction showcases a highly polished category selection experience in the AllTrails app. Upon tapping a category tab, the tab bar smoothly scrolls to center the selected item using spring physics. Inside the selected tab, the custom vector icon executes a unique, playful micro-animation (such as flowers blooming, waves rippling, or stars spinning) that adds a layer of delight. Simultaneously, the search bar's placeholder text transitions to match the new category context. Below, the main content area seamlessly fades out to a skeleton loader before fading in the newly loaded trail card, maintaining a continuous and responsive feel.