---
title: "Announcement Nav — Free Framer component · Best of Framer"
description: "Free Framer component · by Matt · Navigation. Inspired by @Till Janek 🫶 About Announcement Nav is a floating pill navigation with a built-in, dismissible announcement ticker."
canonical: "https://framer.elliotli.dev/component/announcement-nav"
---

[Home](/)/[Components](/components)/[Navigation](/components/category/navigation)/Announcement Nav

# Announcement Nav

Turn every update into a moment

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

![Announcement Nav preview image 1](https://framer.elliotli.dev/og/component/announcement-nav/e433421c9f19a132/1600x1200.jpg)

## Summary

Inspired by @Till Janek 🫶 About Announcement Nav is a floating pill navigation with a built-in, dismissible announcement ticker.

## Description

Inspired by [@Till Janek](/community/creator/@tilljanek/) 🫶

## About

Announcement Nav is a floating pill navigation with a built-in, dismissible announcement ticker. Up to four messages move continuously across the bar, supported by a layered entrance animation, typing text effect, rolling hover interactions, and a smooth hover slowdown for easier reading.

## What you can customize

Built entirely with native Framer elements and customizable from the properties panel. Control the announcement visibility, close button, badge, four news messages, links, new-tab behavior, navigation labels, icons, colors, gradients, glow, and animation timing without code.

## Great for (examples)

Just a few ideas, use it anywhere you want to keep visitors updated without adding a separate banner:

-   Marketplace websites
    
-   E-commerce stores
    
-   SaaS websites
    
-   Product launches
    
-   Startup websites
    
-   Feature announcements
    
-   Changelog pages
    
-   Event websites
    
-   Waitlist pages
    
-   Sales campaigns
    
-   Product drops
    
-   Premium Framer templates
    

## Share your build

If you ship something cool with it, post it on X and tag me [@Matthias\_Oel](https://x.com/Matthias_Oel), or send it over. I’d love to see what you create.

## Need help?

Questions or feedback? Reach me anytime: [matthias@lmvision.de](mailto:matthias@lmvision.de) or on X [@Matthias\_Oel.](https://x.com/Matthias_Oel)

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

-   All · #1221

## Details

- **Author**: Matt
- **Published**: 2026-08-19
- **Updated**: 2026-10-30
- **Added**: 2026-08-19
- **Categories**: Navigation

## More like this

-   [Reveal Navigations](/component/reveal-navigations) — Design Supply · Free — A calmer way to open your menu
-   [Collapsible Sidebar](/component/collapsible-sidebar) — Marso Angelov · $10 — Responsive Side Navigation
-   [Dial Picker](/component/dial-picker) — Tanmay Kaper · $14 — A machined dial for your projects
-   [Expanding Side Menu](/component/expanding-side-menu) — Russet Supply · $5 — Animated Framer Navigation