signup

its a regstration form

This tailwind example is contributed by ishimwe shadad, on 16-May-2025. Component is made with Tailwind CSS v3. It is responsive.

Form

Author ishimwe shadad

271

Fork Fullscreen

<div class="bg-white shadow-md rounded-lg p-8 w-full max-w-md">
    <h2 class="text-2xl font-bold text-center text-blue-600 mb-6">Create an Account</h2>

<div class="mb-4">
        <label class="block text-gray-700">Email Address</label>
        <input type="email" placeholder="you@example.com"
               class="w-full px-4 py-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-400" required>
      </div>

<div class="mb-4">
        <label class="block text-gray-700">Password</label>
        <input type="password" placeholder="********"
               class="w-full px-4 py-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-400" required>
      </div>

<div class="mb-6">
        <label class="block text-gray-700">Confirm Password</label>
        <input type="password" placeholder="********"
               class="w-full px-4 py-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-400" required>
      </div>

<p class="text-sm text-center text-gray-600 mt-4">
      Already have an account? <a href="#" class="text-blue-500 hover:underline">Login</a>
    </p>
  </div>

Related Examples

contact us form
contact us form that uses the Free VeilMail EmailProtection Service too!

Author:
Geoffrey Callaghan

1 year ago

5.8k
Responsive Bank Card Information Form with TailwindCSS
A sleek and modern bank card information form built with raw HTML and styled using TailwindCSS. This responsive form includes fields for cardholder name, card number, expiry date, and CVV, designed for clean aesthetics and ease of use.

Author:
SHARIFUL ISLAM

4 months ago

552
Sign in form
simple full-height login form

Author:
Lukas Müller

2 years ago

8.9k
payment card
A payment card is a type of card issued by a financial institution (like a bank) that allows the cardholder to make financial transactions. These transactions can include purchasing goods and services, withdrawing cash, or transferring money. Here’s a description based on the main types of payment cards:

Author:
dev-fab250

1 month ago

62
Contact Form for fabform.io
Contact form that uses fabform.io

Author:
Ho O

5 months ago

275
Responsive Form

Author:
ABDO-SY

3 months ago

386
Tailwind CSS Radio Button Cards

Author:
Prashant

2 years ago

11.5k
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.

Author:
Rajesh Maheshwari

3 months ago

602
Login form

Author:
Leon Bachmann

2 years ago

12.5k
Login popup modal
centered modal for gaining more attention from users, it also has social login buttons.

Author:
Anonymous

2 months ago

164
Checkout form

Author:
Sienna

2 years ago

13.4k
Profile Form
Profile form for taking user inputs

Author:
TailwindFlex

2 years ago

14.4k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components