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

1.2k

9

Fork Fullscreen

<body class="bg-gray-100 min-h-screen flex items-center justify-center ">

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

<form>
      <div class="mb-4">
        <label class="block text-gray-700">Full Name</label>
        <input type="text" placeholder="Your name"
               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">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>

<button type="submit"
              class="w-full bg-blue-500 hover:bg-blue-600 text-white py-2 rounded-md transition duration-300 ">
        Sign Up
      </button>
    </form>

<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

Feedback Form

Author:
JaxStone

3 years ago

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

1 year ago

1.7k
Feedback Form
Feedback Form with a map

Author:
Andreas Wagner

2 years ago

8.6k
Login Form with Icon

Author:
Akai

5 months ago

168
Responsive registration form
form with social login buttons

Author:
Anonymous

2 years ago

29.3k
login
login by : html , css

Author:
Hacker Development

10 months ago

1.5k
Credit / Debit card payment information form

Author:
Santos78

2 years ago

20.1k
Responsive login form
form with social login buttons

Author:
Aman kumar

2 years ago

5.2k
OTPverification

Author:
Ratikanta Pradhan

8 months ago

543
File upload form

Author:
Lukas Müller

3 years ago

14k
Appointment booking form

Author:
Ho O

1 year ago

1.1k
Credit card form

Author:
Oliver Hansen

3 years ago

17.3k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components

TailwindFlex.com

Tailwindflex.com is a free Tailwind CSS examples library. It's a one-stop destination for ready-made Tailwind CSS components and templates.

Contact

Email: admin@tailwindflex.com

Resources

Tailwind CSS Gradient Generator Free Bootstrap CSS Components Free CSS Components

© 2026 TailwindFlex. All Rights Reserved.

v1.12