Home
Anonymous
Waitlist signup form

Waitlist signup form

This tailwind example is contributed by Anonymous, on 06-Feb-2024. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example are CTA,banner

Call to Action Form

Author Anonymous

3.9k

Fork Fullscreen

<div class="flex flex-col" id="waitlist">
  <div class="text-4xl font-semibold max-w-xl text-center px-4">
    <span>Unlock <span class="text-green-500">innovation</span> and <span class="text-blue-500">progress</span> with
    <span class="text-yellow-500">small teams</span> for
    <span class="text-purple-500">exceptional outcomes</span>.</span>
  </div>
  <div>
    <div class="flex justify-center">
      <div class="flex mt-6 flex-col md:flex-row">
        <div class="sm:col-span-4 mt-4">
          <div class="flex rounded-xl shadow-sm ring-1 ring-inset ring-gray-300 focus:none sm:max-w-md mr-2">
            <input type="email" name="email" id="email" autocomplete="email" value="" class="w-72 h-14 rounded-xl block flex-1 bg-transparent py-4 pl-4 text-gray-900 placeholder:text-gray-400 focus:none sm:text-md sm:leading-6 text-lg" placeholder="Enter your e-mail">
          </div>
        </div>
        <button class="mx-auto bg-blue-700 text-white px-6 py-2 rounded-xl shadow border font-medium mt-4 text-xl hover:brightness-90"> Get Early Access </button>
      </div>
    </div>
  </div>
</div>

Related Examples

Domain For Sale Template
Domain For Sale Template

Author:
Geoffrey Callaghan

1 year ago

3.7k
Modern responsive Newsletter form
Responsive newsletter subscriber form

Author:
Emdadul Islam

1 year ago

2k
Chat Bot
Simulation of a chat bot that can be used for conversations as a sketch idea

Author:
Ameth Galarcio

1 year ago

3k
stepper
The Stepper Component is a versatile and user-friendly tool designed to guide users through a sequence of steps. Whether you're building a multi-step form, a tutorial, or any process that requires sequential navigation, this component makes it easy to implement and customize.

Author:
Abhiraj

6 months ago

1.1k
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

3 months ago

254
Contact Us Form
CTAs help convert visitors into action-takers (customers, subscribers, etc.), while Contact Us forms enable easy communication, building trust and support. Both are vital for engaging visitors and achieving your website’s objectives.

Author:
KULDEEP

1 month ago

219
Contact us Form with Responsive

Author:
KULDEEP

3 weeks ago

122
Modern Contact Section with Responsive Grid and Glassmorphic Form
A clean, professional contact section with a dual-column layout featuring contact details and a sleek glassmorphism-inspired form. Fully responsive with Tailwind CSS, supporting both light and dark modes.

Author:
Muhammad Umair Arshad

2 weeks ago

45
The Future of Web Development
love my product

Author:
Code Master(Mfuranziza Dusabe Hamza)

2 months ago

149
User registration form with Instructions

Author:
Fagundo67

2 years ago

23.9k
Contact Us form

Author:
ABDO-SY

4 months ago

671
Simple Sign-In Box
It features a backdrop blur effect on a dark background, creating an elegant and modern look.

Author:
Anja Müller

1 year ago

7.4k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components