Banner

A promotional banner with message, discount text, and arrow link CTA. Features a full-width primary background with centered content including a bold message, discount text, and an underlined link with arrow icon. Ideal for seasonal sales, promotional announcements, and limited-time offers.

A flash sale banner with live countdown timer showing hours:minutes:seconds. Features a red urgency background with a live countdown timer that automatically updates every second. The timer displays time remaining until the sale ends. Ideal for flash sales, time-limited promotions, and urgency-driven marketing campaigns.

A delivery deadline banner with countdown timer and gift icon. Features an amber attention-grabbing background with a gift icon and live countdown timer. Shows time remaining to place an order for guaranteed delivery by a specific date. Ideal for holiday shipping deadlines, delivery guarantees, and order cutoff times.

A top announcement banner with icon, message, CTA button, and dismiss button. Features a clean background with border-bottom styling, containing an icon, announcement text, action button, and dismissible X button. The banner can be closed by the user and triggers an optional callback. Ideal for product launches, feature announcements, and important updates.

A bottom-positioned privacy policy update notice with shield icon, title, description, and review link. Features a fixed bottom position with border-top styling. Includes a dismiss button to close the banner. Ideal for privacy policy updates, legal notices, and compliance notifications.

A survey invitation banner with shopping bag icon and incentive offer. Features a clean background with border-bottom styling, containing a shopping bag icon, message with incentive offer, action button, and dismiss button. The layout is responsive with the icon hidden on mobile. Ideal for customer feedback collection, survey invitations, and engagement campaigns with discount incentives.

A gradient background banner encouraging social media follows. Features a vibrant pink-to-rose gradient background with white text, users icon, follow CTA button, and dismiss button. The layout is centered with responsive text alignment. Ideal for social media promotion, community building, and engagement campaigns.

A bottom-positioned privacy rights notice with icon, title, description, and manage data link. Features a fixed bottom position with border-top styling. Includes a dismiss button to close the banner. Ideal for privacy notices, data policy updates, and user rights information.

An event promotion banner with primary background and registration CTA. Features a primary background with event name (bold), dot separator, event details, and a ghost-styled register button with arrow icon. The layout is responsive with content wrapping on smaller screens. Ideal for conference announcements, webinar promotions, and event registrations.

A floating bottom banner with rounded corners and offer CTA. Features a fixed bottom position with primary background, rounded container on larger screens, offer text with bold title, dot separator, description, and a secondary-styled CTA button with arrow icon. The banner floats above content and can optionally be dismissed. Ideal for limited-time offers, conversion prompts, and persistent CTAs.