# Banner blocks for shadcn/ui

> 111 banner blocks from public shadcn/ui registries, free and paid, with live previews, source code and install commands.

- Page, with live previews: https://shadcn.exchange/blocks/banner
- 111 blocks, 50 free and 61 paid, from 20 registries.
- Search them as JSON: `https://shadcn.exchange/api/catalog?kind=blocks&category=banner&q=<words>`. Add `price=free` for the ones you can install, and `offset=<n>` for the next 24.
- With the shadcn CLI, which finds free blocks by their words: `npx shadcn@latest search @shadcn-exchange -q banner`

Each block's page answers in Markdown, source included, at its address with `.md` on the end. [The whole site for agents](https://shadcn.exchange/llms.txt).

## Free banner blocks

All 50 blocks, best first. Each installs with the command beside it, in a project that has shadcn/ui set up.

- [Stats banner by @ui-layouts](https://shadcn.exchange/r/ui-layouts/stats-banner) `npx shadcn@latest add https://shadcn.exchange/r/ui-layouts/stats-banner.json`
- [Banner 02 by @shadcnui-blocks](https://shadcn.exchange/r/shadcnui-blocks/banner-02): A simple banner block. `npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/banner-02.json`
- [Dismissible Bar And Callout by @7ovr](https://shadcn.exchange/r/7ovr/announcement-1): Dismissible top announcement bar above a centered release callout card with a What's New badge, headline, and two call-to-action buttons. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/announcement-1.json`
- [Simple Banner by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-promo-sections-simple-banner): A slim promo banner with a short message and a link. Sits at the top of a store to announce free shipping, a running sale, or a fresh discount code. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/ecommerce-promo-sections-simple-banner.json`
- [Persisted Dismissible Banner by @7ovr](https://shadcn.exchange/r/7ovr/announcement-3): Single-line announcement banner that remembers its dismissal in localStorage over a page placeholder, with a link to show it again. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/announcement-3.json`
- [Sale Countdown Promo Bar by @7ovr](https://shadcn.exchange/r/7ovr/announcement-4): Sticky promo announcement bar with a live sale countdown ticking days, hours, minutes, and seconds beside a shop the sale button. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/announcement-4.json`
- [Product Update Card by @7ovr](https://shadcn.exchange/r/7ovr/announcement-2): Product update announcement card with a New badge and version label, feature headline, supporting detail, release date, and a link button. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/announcement-2.json`
- [Banner 1 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/banner-1): A dismissible announcement bar that remembers the choice. `npx shadcn@latest add https://shadcn.exchange/r/shadcnstore/banner-1.json`
- [Banner 10 – Inline announcement link by @shadcncraft](https://shadcn.exchange/r/shadcncraft/banner-10): A minimal announcement banner for low-friction updates. Renders as simple inline text with an optional icon and link, plus a close action. Best for subtle product news or secondary announcements that shouldn't compete with primary page con… `npx shadcn@latest add https://shadcn.exchange/r/shadcncraft/banner-10.json`
- [CTA Banner by @blockforge](https://shadcn.exchange/r/blockforge/cta-banner): Full-width inverted band with one decisive action. `npx shadcn@latest add https://shadcn.exchange/r/blockforge/cta-banner.json`
- [Banner by @uiable](https://shadcn.exchange/r/uiable/block-banner): Banner variant for block. `npx shadcn@latest add https://shadcn.exchange/r/uiable/block-banner.json`
- [Banner-2 by @hexui](https://shadcn.exchange/r/hexui/banner-2): A full-width dismissible announcement bar. `npx shadcn@latest add https://shadcn.exchange/r/hexui/banner-2.json`
- [Banner Announcement by @blockforge](https://shadcn.exchange/r/blockforge/banner-announcement): Inverted announcement bar with dismiss affordance. `npx shadcn@latest add https://shadcn.exchange/r/blockforge/banner-announcement.json`
- [Banner-1 by @hexui](https://shadcn.exchange/r/hexui/banner-1): A dismissible announcement bar. `npx shadcn@latest add https://shadcn.exchange/r/hexui/banner-1.json`
- [Personal Photo CTA by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-cta-banner-personal-photo-cta): A banner combining your portrait with a short pitch and a button. Adds a human face to the ask, ideal for freelancers inviting visitors to connect. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-cta-banner-personal-photo-cta.json`
- [CTA Banner by @geturui](https://shadcn.exchange/r/geturui/cta-banner): Large rounded call-to-action panel on a faded dot grid with a headline, two buttons and a soft volt spotlight that trails the cursor. `npx shadcn@latest add https://shadcn.exchange/r/geturui/cta-banner.json`
- [Banner 04 by @shadcnui-blocks](https://shadcn.exchange/r/shadcnui-blocks/banner-04): A simple banner block. `npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/banner-04.json`
- [Mesh Gradient Announcement Bar by @shaderscn](https://shadcn.exchange/r/shaderscn/mesh-gradient-announcement-bar): A thin, dismissible announcement strip over a slowly flowing mesh gradient. `npx shadcn@latest add https://shadcn.exchange/r/shaderscn/mesh-gradient-announcement-bar.json`
- [Banner 01 by @shadcnui-blocks](https://shadcn.exchange/r/shadcnui-blocks/banner-01): A simple banner block. `npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/banner-01.json`
- [Banner 03 by @shadcnui-blocks](https://shadcn.exchange/r/shadcnui-blocks/banner-03): A simple banner block. `npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/banner-03.json`
- [Banner 1 - Full-width dismissible announcement bar by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/banner1): A thin top bar with centered title, muted supporting text, an inline external link, and a ghost icon button that hides the banner. `npx shadcn@latest add https://shadcn.exchange/r/shadcnblocks/banner1.json`
- [Suggestion Banner by @spectrumui](https://shadcn.exchange/r/spectrumui/suggestion-banner): An inline AI suggestion with apply and dismiss. `npx shadcn@latest add https://shadcn.exchange/r/spectrumui/suggestion-banner.json`
- [Banner Cookie by @lema-ds](https://shadcn.exchange/r/lema-ds/ds-banner-cookie): Barra de consentimento cookies fixed bottom/floating — blockus #09-12. `npx shadcn@latest add https://shadcn.exchange/r/lema-ds/ds-banner-cookie.json`
- [Status Banner by @openstatus](https://shadcn.exchange/r/openstatus/status-banner): Alert-style status banner with tabs support and timestamp display. `npx shadcn@latest add https://shadcn.exchange/r/openstatus/status-banner.json`
- [Email verification by @flx](https://shadcn.exchange/r/flx/banner-11): Blue prompt with a Resend email button that switches to a sent confirmation. `npx shadcn@latest add https://shadcn.exchange/r/flx/banner-11.json`
- [Card 18 - Update Banner by @shadcn-dashboard](https://shadcn.exchange/r/shadcn-dashboard/update-banner): Notify users about new features or any updates in a clear card block along with a CTA button. Helps improve product communication without interrupting the UX. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-dashboard/update-banner.json`
- [Announcement banners by @quill](https://shadcn.exchange/r/quill/announcement-banner): Two dismissible announcement banners — an inline bordered page banner and a full-bleed primary-color variant. `npx shadcn@latest add https://shadcn.exchange/r/quill/announcement-banner.json`
- [Floating by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-announcement-banners-floating): A banner that floats above page content with rounded corners and a dismiss button. Announce a promotion or update without pushing the layout down. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-announcement-banners-floating.json`
- [Promo Banner 1 - Free shipping progress banner by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/promo-banner1): A storefront banner that shows remaining spend toward free shipping, a progress bar, and a confirmation message once the threshold is met. `npx shadcn@latest add https://shadcn.exchange/r/shadcnblocks/promo-banner1.json`
- [Banner Top by @lema-ds](https://shadcn.exchange/r/lema-ds/ds-banner-top): Bloco topo sticky com badge, título e CTA — blockus banners #01-04. `npx shadcn@latest add https://shadcn.exchange/r/lema-ds/ds-banner-top.json`
- [With actions by @flx](https://shadcn.exchange/r/flx/banner-04): Message paired with Later and Update now buttons. `npx shadcn@latest add https://shadcn.exchange/r/flx/banner-04.json`
- [With Countdown by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-announcement-banners-with-countdown): A banner with a live countdown timer beside the message. Build urgency for a sale, webinar, or deadline and prompt visitors to act before time runs out. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-announcement-banners-with-countdown.json`
- [Banner 2 - Container announcement bar with dismiss by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/banner2): A muted banner inside the site container with inline title, description, link, and ghost close icon that removes the bar when clicked. `npx shadcn@latest add https://shadcn.exchange/r/shadcnblocks/banner2.json`
- [Stacked by @flx](https://shadcn.exchange/r/flx/banner-12): A list of dismissible notices, each removed on its own. `npx shadcn@latest add https://shadcn.exchange/r/flx/banner-12.json`
- [Simple Centered by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-announcement-banners-simple-centered): A slim bar with centered text and a single dismiss control. Share a short notice like free shipping or a new feature across the top of any page. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-announcement-banners-simple-centered.json`
- [Announcement bar by @flx](https://shadcn.exchange/r/flx/banner-06): Full-width gradient promo with a New tag and arrow. `npx shadcn@latest add https://shadcn.exchange/r/flx/banner-06.json`
- [With Image by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-announcement-banners-with-image): A banner that places a thumbnail or icon next to the headline and link. Spotlight a product, event, or article with a visual that draws the eye. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-announcement-banners-with-image.json`
- [With progress by @flx](https://shadcn.exchange/r/flx/banner-14): Live import banner with a spinner and a progress bar. `npx shadcn@latest add https://shadcn.exchange/r/flx/banner-14.json`
- [Split CTA by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-cta-banner-split-cta): A two column banner with a message on one side and the action button on the other. Keeps the copy and the click target distinct and easy to scan. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-cta-banner-split-cta.json`
- [Basic by @flx](https://shadcn.exchange/r/flx/banner-01): Icon, message, and a subtle bordered surface. `npx shadcn@latest add https://shadcn.exchange/r/flx/banner-01.json`
- [Inline CTA by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-cta-banner-inline-cta): A slim call to action that sits within page content, pairing one line of copy with a button. Place it between sections to nudge readers without interrupting. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-cta-banner-inline-cta.json`
- [Expandable by @flx](https://shadcn.exchange/r/flx/banner-07): Collapsible release notes that reveal highlights. `npx shadcn@latest add https://shadcn.exchange/r/flx/banner-07.json`
- [Banner With Background by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-cta-sections-banner-with-background): A full width banner with a background image, headline, and button. Anchors a campaign message across the top or bottom of any marketing page. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-cta-sections-banner-with-background.json`
- [Variants by @flx](https://shadcn.exchange/r/flx/banner-02): Info, success, warning, and error tones stacked. `npx shadcn@latest add https://shadcn.exchange/r/flx/banner-02.json`
- [With Action by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-announcement-banners-with-action): A banner pairing a short message with a button so readers can act at once. Use it to drive signups, trial starts, or a link to a new release. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-announcement-banners-with-action.json`
- [Dismissible by @flx](https://shadcn.exchange/r/flx/banner-03): A close button hides the banner with a restore link. `npx shadcn@latest add https://shadcn.exchange/r/flx/banner-03.json`
- [Full Width Bold Banner by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-cta-banner-full-width-bold-banner): A wide banner with a large heading and a single prominent button. Use it to span the page and push visitors toward hiring you or booking a call. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-cta-banner-full-width-bold-banner.json`
- [Maintenance by @flx](https://shadcn.exchange/r/flx/banner-09): Amber system notice with a pulsing status dot. `npx shadcn@latest add https://shadcn.exchange/r/flx/banner-09.json`
- [With Social Proof by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-announcement-banners-with-social-proof): A banner showing user counts, ratings, or avatars next to the message. Build instant trust at the top of a page and nudge new visitors to convert. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-announcement-banners-with-social-proof.json`
- [Sticky CTA by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-cta-banner-sticky-cta): A banner that stays fixed as the visitor scrolls, keeping a button always in view. Useful for long portfolio pages where the offer should stay reachable. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-cta-banner-sticky-cta.json`

## Paid banner blocks

The first 60 of 61, best first. Their registries sell these: each installs from its registry once bought.

- [Announcement Bar 05 - Weekend Sale Marquee by @shadcn-space](https://shadcn.exchange/r/shadcn-space/announcement-bar-05): A bold red announcement bar with a static tag icon and an infinitely scrolling marquee of weekend sale details, dismissible with a smooth collapse animation.
- [Banner 6 by @initium](https://shadcn.exchange/r/initium/banner-6): Announcement banner section 6 with sidebar layout.
- [Announcement Bar 01 - Live Market Ticker by @shadcn-space](https://shadcn.exchange/r/shadcn-space/announcement-bar-01): A slim, infinitely scrolling announcement bar showing live stock and crypto tickers with price, change, and trend indicators, framed by soft edge fades and pausing on hover.
- [Banner 1 by @initium](https://shadcn.exchange/r/initium/banner-1): Announcement banner section 1 with centered content, sidebar layout.
- [Announcement Bar 02 - Sale Bar with CTA by @shadcn-space](https://shadcn.exchange/r/shadcn-space/announcement-bar-02): A bold, dismissible announcement bar promoting a sitewide sale with an inline call-to-action pill and a close control, stacking gracefully on mobile.
- [Banner 3 by @initium](https://shadcn.exchange/r/initium/banner-3): Announcement banner section 3 with centered content, reversed column order, sidebar layout.
- [Announcement Bar 04 - Black Friday Countdown by @shadcn-space](https://shadcn.exchange/r/shadcn-space/announcement-bar-04): A dark, dismissible Black Friday bar pairing an amber call-to-action with a live NumberFlow countdown, stacked on mobile and evenly distributed on desktop.
- [Banner 4 by @initium](https://shadcn.exchange/r/initium/banner-4): Announcement banner section 4 with rounded visuals, sidebar layout.
- [Announcement Bar 03 - Product Update Bar by @shadcn-space](https://shadcn.exchange/r/shadcn-space/announcement-bar-03): A theme-aware announcement bar pairing a highlighted 'New' badge with a release note and a View Changelog pill, dismissible with a smooth collapse animation.
- [Banner 2 by @initium](https://shadcn.exchange/r/initium/banner-2): Announcement banner section 2 with sidebar layout.
- [Banner 5 by @initium](https://shadcn.exchange/r/initium/banner-5): Announcement banner section 5 with avatars, customer quotes, rounded visuals, reversed column order.
- [Banner 4 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/banner-4): A delayed, scroll-gated floating announcement card with a shadow-bloom spring entrance and a data-switched avatar-pill variant.
- [Banner 5 – Consent banner with action group by @shadcncraft](https://shadcn.exchange/r/shadcncraft/banner-5): A horizontal banner with an icon, short explanatory text, and a grouped set of actions including primary, secondary, and tertiary options, plus a dismiss control. Designed to sit inline or at page edges without dominating the layout. Use f…
- [Banner Countdown by @blockforge](https://shadcn.exchange/r/blockforge/banner-countdown): Deadline banner with segmented countdown on hatching.
- [Banner 5 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/banner-5): A token-only site alert system — sticky strip, page banners and inline banners — matching notification-5\'s severity map.
- [Banner 8 – Inline announcement link by @shadcncraft](https://shadcn.exchange/r/shadcncraft/banner-8): A compact announcement banner with inline link styling and a dismiss action. Designed for subtle product updates or release notes where the primary action is a simple text link rather than a button. Works well when you want visibility with…
- [Banner Cookie by @blockforge](https://shadcn.exchange/r/blockforge/banner-cookie): A cookie notice with two honest choices, zero dark patterns.
- [Banner 2 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/banner-2): A promo banner with a live countdown and copyable discount code.
- [Banner 4 – Announcement banner with primary and secondary actions by @shadcncraft](https://shadcn.exchange/r/shadcncraft/banner-4): A horizontal announcement banner with an icon, single-line message, two clearly ranked actions, and a dismiss control. Designed to sit inline within a page and support quick decision-making without expanding vertically. Use when you need t…
- [Banner 3 by @shadcnstore](https://shadcn.exchange/r/shadcnstore/banner-3): A cookie consent bar with a granular preferences dialog.
- [Banner 2 – Dismissible signup card by @shadcncraft](https://shadcn.exchange/r/shadcncraft/banner-2): A compact banner presented as a card with icon, short message, input field, and primary action, plus a close control. Designed to float within a layout or sit near content without spanning full width. Use when you want a more prominent cal…
- [Banner 3 – Inline announcement banner with actions by @shadcncraft](https://shadcn.exchange/r/shadcncraft/banner-3): A low-height horizontal banner with an icon, short announcement text, and multiple call-to-action buttons, plus a dismiss control. Designed to span the content width and draw attention without blocking layout flow. Use for product updates,…
- [Banner 7 – Minimal announcement strip by @shadcncraft](https://shadcn.exchange/r/shadcncraft/banner-7): A low-contrast, single-line banner with centered text and a close action. No icon or buttons, designed to sit quietly at the top or within content. Use for lightweight announcements or status messages where visibility is needed without dra…
- [Banner 9 – Full-width callout bar by @shadcncraft](https://shadcn.exchange/r/shadcncraft/banner-9): A high-contrast, full-width banner for urgent or high-intent messages like hiring, launches, or announcements. Uses a single clear line of copy with an inline arrow to signal action, designed to span the page edge to edge without secondary…
- [Banner 1 – Inline signup banner by @shadcncraft](https://shadcn.exchange/r/shadcncraft/banner-1): A low-height horizontal banner with an icon, short message, and inline input with primary action. Designed to sit between sections without breaking page flow. Use for newsletter signups, announcements, or lightweight calls to action that s…
- [Banner 6 – Consent banner with stacked actions by @shadcncraft](https://shadcn.exchange/r/shadcncraft/banner-6): A consent banner that pairs a low-height inline message with a stacked action layout in the card variant. Actions are vertically ordered to clearly separate primary, secondary, and tertiary choices, with a dismiss control included. Use whe…
- [Banner 24 - Progress unlock banner by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/banner24): A card-surface progress banner with a package icon, remaining-count message, fraction readout, and primary progress bar.
- [Card 20 - Logistics Banner by @shadcn-dashboard](https://shadcn.exchange/r/shadcn-dashboard/logistics-banner): Logistics & supply chain command banner with fleet SLA badge and region dropdown selection. Suitable for logistics, fleet management, and supply chain dashboards.
- [Banner 16 - Inverted dark pro upgrade bar by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/banner16): An inverted full-width upgrade bar with mono eyebrow, product pitch, soft primary glow, and a secondary unlock button.
- [Card 16 - School Banner by @shadcn-dashboard](https://shadcn.exchange/r/shadcn-dashboard/school-banner): Manage school updates or important notices with dropdown options using this engaging banner section. Great for education platforms, student portals, and LMS.
- [Banner 3 - Primary promo banner with shop button by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/banner3): A solid primary strip with title and description beside a secondary shop-button link and icon, plus dismiss controls that move between mobile and desktop.
- [Card 17 - Greeting Banner by @shadcn-dashboard](https://shadcn.exchange/r/shadcn-dashboard/greeting-banner): Welcome users with a personalized message and highlight important messages with a CTA button. Perfect for dashboard homepages and employee or customer portals.
- [Banner 15 - New badge announcement link bar by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/banner15): A slim bordered strip with sparkle icon, new badge, muted description, and an inline explore link with hover arrow motion.
- [Card 19 - Analytics Banner by @shadcn-dashboard](https://shadcn.exchange/r/shadcn-dashboard/analytics-banner): Showcase important business metrics with a date picker & monthly, yearly dropdowns in a visually engaging analytics banner. Useful for reporting insights.
- [Banner 4 - Primary bar banner with dismiss by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/banner4): Full-width primary banner with title, supporting line, and dismiss icon; stacks on small screens and aligns on one row on wider viewports.
- [Card 15 - Health Banner by @shadcn-dashboard](https://shadcn.exchange/r/shadcn-dashboard/health-banner): Track health-related updates with a dropdown monthly & yearly selection report card in a clean banner layout. Suitable for healthcare portals and patient dashboards.
- [Banner 11 - Primary bar with soft radial and CTA by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/banner11): A primary full-width banner with soft radial highlight, promotional copy, and a rounded secondary call-to-action button.
- [Card 21 - POS Banner by @shadcn-dashboard](https://shadcn.exchange/r/shadcn-dashboard/pos-banner): Restaurant POS terminal banner with shift status badge, live kitchen connection indicator, and sync status. Suitable for point-of-sale and restaurant dashboards.
- [Promo Banner 5 - Flash sale countdown banner by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/promo-banner5): A flash-sale banner with a live hours-minutes-seconds timer in boxed digits and a short offer line such as a percent-off message.
- [Banner 23 - Maintenance warning banner by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/banner23): A dismissible maintenance warning strip with a chart-toned alert icon, schedule details, and a close control.
- [Promo Banner 6 - Holiday sale countdown banner by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/promo-banner6): A holiday sale banner with a gift icon, title, and a live countdown of days, hours, minutes, and seconds in labeled boxes.
- [Banner 13 - Countdown offer bar with outline CTA by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/banner13): A bordered announcement bar with a live ticking countdown pill, muted offer copy, and an outline claim button with arrow.
- [Banner 27 - Mobile app download banner by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/banner27): A full-width mobile promo bar with device icon, title and supporting line, plus App Store and Google Play links.
- [Banner 20 - Muted upgrade banner by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/banner20): A muted full-width upgrade strip with a short title, supporting line, and a compact upgrade button aligned to the end.
- [Banner 5 - Floating card banner with link by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/banner5): Absolutely positioned rounded banner with title, muted description, outline link button, and dismiss control that reflows from column to row on wider viewports.
- [Banner 17 - Email subscribe announcement bar by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/banner17): A card-surface banner with a short prompt, rounded email field, and subscribe button that swaps to a confirmation message.
- [Promo Banner 2 - Sale banner with shop-now link by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/promo-banner2): A full-width promo bar with a sale message, discount line, and underlined shop-now link for a seasonal or sitewide offer.
- [Banner 26 - Webinar announcement banner by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/banner26): A full-width webinar bar with a calendar date pill, title and session meta, plus an outline reserve button.
- [Promo Banner 4 - Trust-signal promo banner by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/promo-banner4): A slim banner row of trust messages with icons for free shipping, returns, and secure checkout, shown as a repeating horizontal list.
- [Banner 22 - Brand bar with navigation links by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/banner22): A slim brand bar with logo mark, product name, tagline, browse link, and a primary get-access link with arrow.
- [Banner 19 - New badge banner with avatars by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/banner19): A card-surface banner with a sparkle icon, New badge, announcement line, overlapping avatars, and a see-what's-new link.
- [Banner 9 - Primary announcement bar with catalog link by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/banner9): A full-width primary strip with centered announcement copy and an underlined inline link that opens the catalog.
- [Banner 7 - Full-width banner with separator link by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/banner7): Dismissible full-width strip with message, vertical divider, learn-more link with arrow on desktop, and ghost close control.
- [Banner 18 - Promo code copy banner by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/banner18): A full-width promo strip with a tag icon, discount message, dashed mono code chip that copies on click, and a redeem button.
- [Banner 21 - Scrolling marquee banner by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/banner21): A bordered horizontal marquee of short feature phrases separated by thin vertical dividers that loop continuously.
- [Promo Banner 3 - Delivery cutoff countdown banner by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/promo-banner3): A promo bar with a gift icon and live hours-minutes-seconds countdown showing how long remains to order for delivery by a set date.
- [Banner 6 - Pill banner with overlapping avatars by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/banner6): Rounded floating banner with overlapping avatars, bold social-proof line, and a circular dismiss button beside the copy.
- [Banner 25 - Centered pill changelog banner by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/banner25): A centered floating pill with a status dot, release message, and changelog link that nudges the arrow on hover.
- [Promo Banner 7 - Flash sale banner with stock bar by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/promo-banner7): A flash-sale banner with a live countdown, a sold-progress bar, and remaining-item count for a limited-time, limited-stock offer.
- [Banner 10 - Dismissible muted release announcement by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/banner10): A muted full-width bar with bold release title, supporting copy, and a ghost icon button that dismisses the banner.

For the rest, page through `https://shadcn.exchange/api/catalog?kind=blocks&category=banner&price=paid`.

## Registries with the most banner blocks

- [@shadcnblocks](https://shadcn.exchange/r/shadcnblocks): 32 blocks, 3 free and 29 paid
- [@shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks): 13 blocks, all free
- [@flx](https://shadcn.exchange/r/flx): 10 blocks, all free
- [@shadcncraft](https://shadcn.exchange/r/shadcncraft): 10 blocks, 1 free and 9 paid
- [@shadcn-dashboard](https://shadcn.exchange/r/shadcn-dashboard): 7 blocks, 1 free and 6 paid
- [@initium](https://shadcn.exchange/r/initium): 6 blocks, all paid
- [@shadcn-space](https://shadcn.exchange/r/shadcn-space): 5 blocks, all paid
- [@shadcnstore](https://shadcn.exchange/r/shadcnstore): 5 blocks, 1 free and 4 paid
- [@7ovr](https://shadcn.exchange/r/7ovr): 4 blocks, all free
- [@blockforge](https://shadcn.exchange/r/blockforge): 4 blocks, 2 free and 2 paid
- [@shadcnui-blocks](https://shadcn.exchange/r/shadcnui-blocks): 4 blocks, all free
- [@hexui](https://shadcn.exchange/r/hexui): 2 blocks, all free
- [@lema-ds](https://shadcn.exchange/r/lema-ds): 2 blocks, all free
- [@geturui](https://shadcn.exchange/r/geturui): 1 block, free
- [@openstatus](https://shadcn.exchange/r/openstatus): 1 block, free
- [@quill](https://shadcn.exchange/r/quill): 1 block, free
- [@shaderscn](https://shadcn.exchange/r/shaderscn): 1 block, free
- [@spectrumui](https://shadcn.exchange/r/spectrumui): 1 block, free
- [@uiable](https://shadcn.exchange/r/uiable): 1 block, free
- [@ui-layouts](https://shadcn.exchange/r/ui-layouts): 1 block, free