---
title: "Floating Header — Free Framer component · Best of Framer"
description: "Free Framer component · by Sandra Párraga · Buttons. floating header component, designed to create a polished user experience."
canonical: "https://framer.elliotli.dev/component/floating-header"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Floating Header

# Floating Header

Ready-to-use dynamic navbar

[View on Framer](https://framer.com/marketplace/components/floating-header/?via=elliot-li)

![Floating Header preview image 1](https://framer.elliotli.dev/og/component/floating-header/1b6048428c5483f3/1600x1200.jpg)

## Summary

floating header component, designed to create a polished user experience.

## Description

## Dynamic 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.

## Rank history [How rankings work →](/terms#rankings)

-   All · #2221

## Details

- **Author**: Sandra Párraga
- **Published**: 2025-09-28
- **Updated**: 2026-01-27
- **Added**: 2025-09-22
- **Categories**: Buttons

## More like this

-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow
-   [Dash Stretch Button](/component/dash-stretch-button) — Pentaclay · Free — Animated Hover Button With a Dash
-   [Nova Theme Toggle](/component/nova-theme-toggle) — Shouvik Biswas · $12 — Three-Mode Theme Toggle
-   [Nabby: Copy Button](/component/nabby-copy-button) — Francesco Gallo · Free — Plug in your button, copy anything