Skip to content
Forge

Cookie banners: HTML, React and WordPress components

Cookie consent banners where refusing is as easy as accepting, as European regulators expect.8 components (cookie banners) that are accessible and responsive, ready for your site: HTML + Tailwind, React, plain CSS and a WordPress block.

All 8 resources

  • Compact dark cookie banner

    Free

    A rounded dark bar floating at the bottom of the screen, text on the left and buttons on the right on large screens.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component

  • Detailed cookie preferences

    Coming soon

    A panel that directly shows each cookie category with its checkbox, without an extra step.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component

  • Institutional cookie banner

    Free

    An understated banner with square corners and a thick rule, suited to local authorities, firms and public institutions.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component

  • Friendly bakery cookie banner

    Coming soon

    A playful card with a CSS-drawn cookie, for a bakery, pastry shop or café.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component

  • Centered cookie window

    Coming soon

    A window centered on screen, without a blocking overlay, keeping the site usable while visitors choose.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component

  • Corner cookie card

    Free

    A floating card in the bottom-left corner, discreet yet always visible.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component

  • Top cookie banner

    Free

    A banner at the top of the page, in the document flow, that never hides content.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component

  • Bottom cookie banner

    Free

    A full-width banner pinned to the bottom of the screen, with refuse, customize and accept on the same level.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component

Other component categories