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

11 months ago

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

5 months ago

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

2 months ago

162
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

3 weeks ago

180
Contact us Form with Responsive

Author:
KULDEEP

1 week ago

27
Modern Responsive Pricing Section with Toggle
A sleek, responsive pricing section built with HTML and Tailwind CSS, showcasing three distinct plans (e.g., Free, Pro, Expert) in a card layout. It features a clean monthly/yearly toggle switch with savings indication, highlights a recommended plan with distinct styling and a badge, and uses checkmarks for clear feature comparison. The layout stacks vertically on smaller screens and transitions to a 3-column grid on large screens (lg breakpoint). Includes generic content for easy adaptation and a final "Compare Plans" button.

Author:
Hamza Atig

2 months ago

357
Contact Form with fabform.io
Contact form

Author:
Ho O

6 months ago

776
authentication form terminal
authentication form with zsh on mac terminal looks

Author:
ardianhu

1 year ago

2.3k
Responsive Sign-Up Form with TailwindCSS
Create a visually appealing and fully responsive sign-up form using TailwindCSS. This form includes input fields for full name, mobile number, email, password, and confirm password, along with a gradient sign-up button. Designed with simplicity and flexibility, it is perfect for modern web applications and easy to integrate into any project.

Author:
SHARIFUL ISLAM

5 months ago

664
Profile Form
Enhanced User Profile Form with Stunning Profile and Cover Image Fields

$$@(\/)(\/)Y$ Author:
$@(\/)(\/)Y

1 year ago

9.1k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components