Home
TailwindFlex
Newsletter Signup Form

Newsletter Signup Form

It features a clean and modern design with a background illustration, making it visually appealing.

This tailwind example is contributed by TailwindFlex, on 13-Oct-2023. Component is made with Tailwind CSS v3. It is responsive. It supports dark mode. similar terms for this example are CTA,banner,Email campaign

Call to Action Newsletter

Author TailwindFlex

Fork Fullscreen

<h4
            class="mx-auto max-w-2xl text-center text-3xl font-bold tracking-tight sm:text-4xl text-gray-900 dark:text-white">
            Keep Updated
        </h4>

<p class="mx-auto mt-2 max-w-xl text-center text-lg leading-8 dark:text-gray-300 text-gray-700">
            Receive notifications about recently added high-quality components.
        </p>

<form class="mx-auto mt-10 flex max-w-md gap-x-4">
            <label for="email-address" class="sr-only">Email address</label>
            <input id="email-address" name="email" type="email" autocomplete="email" required="" class="min-w-0 flex-auto rounded-md bg-gray-200/50 border-0 dark:bg-white/5 px-3.5 py-2 dark:text-white sm:text-sm sm:leading-6" placeholder="Enter your email">
            <button type="submit" class="flex-none border border-primary-200/50 dark:border-none rounded-md dark:bg-white dark:text-gray-900 bg-gray-100 text-gray-900 px-3.5 py-2.5 text-sm font-semibold shadow-sm hover:bg-gray-100 dark:hover:bg-gray-100">
                Notify me
            </button>
        </form>

</div>

Related Examples

Newsletter subscription form
with radial gradient background

Author:
Eamon Carter

2 years ago

11.2k
Modern responsive Newsletter form
Responsive newsletter subscriber form

Author:
Emdadul Islam

1 year ago

2.8k
Modern Dark Footer with Overlapping Gradient CTA
A comprehensive, dark-themed website footer component built with HTML and Tailwind CSS. It features a visually distinct overlapping section with a colorful gradient background containing a prominent call-to-action (CTA) block. The main footer area utilizes a multi-column grid layout for organized navigation links, a newsletter signup form, and social media icons. A final bottom bar includes legal links and copyright information. The design is responsive and adapts its layout for different screen sizes.

Author:
Hamza Atig

9 months ago

1.1k
Call to Action

Author:
Abdul Baset Bappy

7 months ago

603
CTA card with gradient background
Grab users attention using this eye catching CTA card

Author:
Emre Yılmaz

1 year ago

3.8k
Newsletter section

Author:
Anonymous

2 years ago

8.8k
CTA section with light beam from bottom effect
It also has support for dark mode

Author:
Pixel Perfect

1 year ago

2.1k
Free Animated Gradient Glow Button with Tailwind CSS
A modern, responsive Tailwind CSS button with glowing gradient hover effects, smooth animations, and an integrated SVG icon. Perfect for landing pages, call-to-action buttons, or any stylish UI project. Fully customizable and open source , ready to copy, paste, and use in your projects.

Author:
Homayoun

3 months ago

316
SliceHeaven
delivering pizza

Author:
INGRIDE MUZIRANENGE

7 months ago

730
Brutalist Hero

Author:
threehymns

1 year ago

2.5k
Hero section with image

Author:
Sophia Baker

3 years ago

13k
Acode master
Welcome to Hamza's official portfolio — a creative developer blending modern design with powerful code. Explore animations, projects, and innovations crafted with HTML, Tailwind CSS, and passion.

Author:
Code Master(Mfuranziza Dusabe Hamza)

8 months ago

576

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components