FluidTabBar brings a sleek, interactive navigation experience straight into your Framer designs. Instead of rigid tab switching, it creates a gorgeous, fluid animation that glides effortlessly as users click through different pages or sections. It is a plug and play solution built to give your headers, sidebars, or floating menus a high end, premium feel without writing a single line of code.
It tracks active menu states and beautifully morphs the background highlight or icon wrapper to match the selected item. The component handles smooth transitions, supports custom icons alongside text, and scales perfectly across mobile devices, tablets, and desktops so your site navigation stays flawless everywhere.
Layout and Content: Easily add custom imagery or icons, modify titles and subtitles, and toggle badges on or off with custom text like "New" or "Rare".
Visual Effects: Adjust the intensity of the hover or active effects from subtle to intense, and choose your preferred shine mode like the vivid rainbow style.
Styling and Branding: Tweak the border radius, background colors, main text colors, and specific badge colors. You can also customize the fonts for titles, subtitles, and badges to match your brand styling perfectly.
Header and global navigation menus
Mobile bottom bars and floating docks
Dashboard layouts and setting toggles
Product feature switchers
Portfolio and agency site menus
If you ship something cool with it, post it on X and tag me @Dulajweb , or send it over. I’d love to see what you create.
Questions or feedback? Reach me anytime: dulajdilshan766@gmail.com or on X @Dulajweb
Dulaj dilshan
