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

286

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 me form

Author:
Arya

2 years ago

11.7k
Tag input with Tailwind CSS and Alpinejs

Author:
Michael Andreuzza

1 year ago

2.3k
Form Layouts

Author:
Anonymous

1 year ago

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

Author:
Anja Müller

1 year ago

10.2k
Contact us section
Minimal contact us form

Author:
Geoffrey Callaghan

1 year ago

5.4k
Appointment booking form

Author:
Leif99

2 years ago

17.2k
Best Log In page ever
Instagram look like but not copy right 🤗,best login and sign and even for many others

Author:
ORGIN_DREAMS

1 month ago

114
popup modal contact form
Working modal popup contact form in tailwind CSS Simple snippet for creating a popup contact form with tailwind and javascript uses fabform.io

Author:
Ti To

1 year ago

6.3k
Contact us page template
full page fancy contact us page

Author:
Geoffrey Callaghan

1 year ago

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

1 month ago

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

Author:
Steve NGOYA

1 month ago

83
Modern responsive Newsletter form
Responsive newsletter subscriber form

Author:
Emdadul Islam

1 year ago

2k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components