Floating Header
Dynamic floating header that switches from light to dark mode on scroll. Customize the button text, menu items, and links instantly. Perfect for modern portfolios and agency sites.
Make it with Workshop
Build your own component with AI
Dyamic Floating Header
A modern, responsive floating header component, designed to create a polished user experience. It seamlessly transitions between light and dark visual modes as visitors scroll your site.
Features:
Automatic light/dark mode switch on scroll
Configure up to 6 menu items with text, link, and image
Customizable CTA button text and link
Open and closed variants for both light and dark modes
Fully responsive on all devices
Built with overrides for advanced customization (logos, button design, styling)
Ideal for agency websites, professional portfolios, and corporate sites looking to enhance their navigation and visual dynamics.
