HolographFluidTabBar

About

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.

What it does

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.

What you can customize

• 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.

Great for

• Header and global navigation menus

• Mobile bottom bars and floating docks

• Dashboard layouts and setting toggles

• Product feature switchers

• Portfolio and agency site menus

Share your build

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.

Need help?

Questions or feedback? Reach me anytime: dulajdilshan766@gmail.com or on X @Dulajweb