Announcement Bar
A sleek, customizable sticky bar with variants for promos, countdowns, and updates. Dismissible, accessible, and styled for modern e-commerce and landing pages.
Made with Workshop
Build your own component with AI
About this Component
Sticky Announcement Bar Dropdown
Capture attention at the top of your site with a versatile, high-impact announcement bar. Designed for e-commerce, launches, and product updates, this pack includes multiple variants that adapt seamlessly to your brand style.
Features
Multiple variants: plain text, countdown timer, free-shipping threshold, or scrolling news ticker
Customizable style: background, text color, font size, shadows, frosted glass or solid accent
Close button: optional, with clean hover states and icon choices
Smooth animations: subtle slide-down or fade-in, duration adjustable
Accessibility built-in: aria-live polite updates, keyboard accessible close button, reduced-motion support
Lightweight & fast: non-blocking scripts, optimized for performance
Ideal for promoting sales, highlighting news, or creating urgency with countdowns, without sacrificing design polish.announcement, bar, sticky, countdown, ecommerce, promo, banner, notification, free shipping, ticker, accessibility, ui pack
