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

304

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

Login form

Author:
Aman kumar

1 year ago

3.8k
File Upload

Author:
Rajesh Maheshwari

5 months ago

627
Feedback form with fabform.io
Collect opinions about your company's service

Author:
Ho O

6 months ago

587
Book Appointment form
A schedule an appointment form is an online document that helps the user to schedule an appointment with the company or business.

Author:
Arya

2 years ago

11.8k
Authentication form
Use this example to authenticate users with a login form using a phone number instead of an email address.

Author:
Md. Tofayel islam

1 year ago

2.4k
Contact Us form

Author:
ABDO-SY

4 months ago

671
Contact us form template

Author:
Geoffrey Callaghan

1 year ago

6.5k
OTPverification

Author:
Ratikanta Pradhan

1 month ago

163
Form Layouts

Author:
Anonymous

1 year ago

2.9k
Responsive Classes List Table with Edit and Delete buttons using Tailwind CSS
This responsive classes list table is built using Tailwind CSS and features: - A clean layout with a header displaying column titles. - Action buttons for editing and deleting entries. - Responsive design that adapts to various screen sizes. - Easy customization options to fit your project's needs.

Author:
Anum Shahana

9 months ago

2.4k
Waitlist signup form

Author:
Anonymous

1 year ago

3.9k
Login Form with Icon

Author:
Prashant

2 years ago

16.7k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components