Announcement Nav
Turn every update into a moment
About this component
Inspired by @Till Janek 🫶
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, or send it over. I’d love to see what you create.
Need help?
Questions or feedback? Reach me anytime: matthias@lmvision.de or on X @Matthias_Oel.
