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

268

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

Author:
ABDO-SY

2 months ago

509
Login page with tailwind (SB admin 2)
This component features a split-screen design with a background image on one side and a registration form on the other.

Author:
Akshay

2 years ago

21.8k
Login template

Author:
Gabriel Urbano

1 year ago

5.6k
Contact us section
Minimal contact us form

Author:
Geoffrey Callaghan

1 year ago

5.4k
Animated Iogin form
This section showcases a series of interactive image cards that reveal descriptive text on hover. Built using Tailwind CSS and Astro.js, each card features a smooth animation, background blur, and opacity transition, enhancing the user experience while presenting visually engaging content.

Author:
nicoleshal07

3 weeks ago

25
Login form

Author:
Leon Bachmann

2 years ago

14.3k
tailwind contact form
tailwind contact form

Author:
Geoffrey Callaghan

1 year ago

2.6k
Login Form with Icon

Author:
Prashant

2 years ago

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

Author:
Anonymous

2 months ago

119
Input Formulario
Input used in the form Link form: https://tailwindflex.com/@ameth1208/login

Author:
Ameth Galarcio

11 months ago

1.8k
Contact us Form
suitable for dark-themed websites

Author:
Anja Müller

1 year ago

9.4k
Credit / Debit card payment information form

Author:
Santos78

2 years ago

19.3k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components