Newsletter form

This tailwind example is contributed by Leon Bachmann, on 24-Jan-2023. Component is made with Tailwind v3.4. similar terms for this example is Email campaign

Newsletter

Author Leon Bachmann

Tailwind v3.4 10.8k 11

Fork Fullscreen

<div class="bg-gray-500 p-5">
    <h4 class="text-sm font-semibold leading-5 tracking-wider text-gray-100 uppercase">
        The Leader's Digest
    </h4>
    <p class="mt-4 text-base leading-6 text-gray-300">
        Join our community of hundreds of business leaders
    </p>
    <form class="mt-4 sm:flex sm:max-w-md">
        <input aria-label="Email address" type="email" name="email" required="" class="w-full px-5 py-3 text-base leading-6 text-gray-900 placeholder-gray-500 transition duration-150 ease-in-out bg-white border border-transparent rounded-md appearance-none focus:outline-none focus:placeholder-gray-400" placeholder="Enter your email">
        <div class="mt-3 rounded-md shadow sm:mt-0 sm:ml-3 sm:flex-shrink-0">
            <button class="flex items-center justify-center w-full px-5 py-3 text-base font-medium leading-6 text-white transition duration-150 ease-in-out bg-indigo-500 border border-transparent rounded-md hover:bg-indigo-400 focus:outline-none focus:bg-indigo-400">
					Subscribe
			</button>
        </div>
    </form>
</div>

Related Examples

Responsive newsletter

Piet Vriend

3 years ago

10.4k
Newsletter
Newsletter section

Alok

4 years ago

11.4k
Beta Program Signup Section
Collect user emails for your app

yousef

2 years ago

3.3k
Newsletter subscription card

Samuel Dawson

3 years ago

11.1k
Email format
This is a ui component to be used to send emails with custom design (deigned with tailwindcss)

Ranit Saha

1 year ago

1.5k
The Free AI Tools Grid Section (210+ Tools, No Signup)
A responsive and SEO-optimized grid section showcasing over 210 free AI tools. Designed with Tailwind CSS, fully responsive, fast-loading, and built for high user engagement. No sign-up required, privacy-friendly, and optimized for performance and discoverability.https://www.thefreeaitools.com/

Achraf Testq

6 months ago

629
Simple Footer 3

$$@(\/)(\/)¥$ $@(\/)(\/)¥

1 year ago

2.4k
Clean newsletter

Lucas Martinez

3 years ago

12.1k
Newsletter example

Task Master

3 years ago

10.1k
Responsive Form
This modern, fully responsive account creation form is designed using HTML and Tailwind CSS, ensuring a clean, professional, and accessible user experience. It features a card-based layout with smooth spacing, a subtle shadow effect, and a structured grid system for optimal responsiveness across all devices.

Rajesh Maheshwari

1 year ago

1.8k
Subscribe to Newsletter
Subscribe to Newsletter section with minimal design and black and white colors

Leon Bachmann

3 years ago

12.4k
Newsletter Subscription Card

Anonymous

1 year ago

1.8k