Home
Sonam Sherpa
Register Form

Register Form

A simple and minimalistic register form.

This tailwind example is contributed by Sonam Sherpa, on 14-Sep-2025. Component is made with Tailwind CSS v3. It is responsive.

Form

Author Sonam Sherpa

168

Fork Fullscreen

<div class="flex justify-center items-center min-h-screen bg-white">
      <div class="w-full flex items-center justify-center">
        <div class="w-3/4 max-w-md p-8 bg-white shadow-lg rounded-lg">
          <h2 class="text-2xl font-bold text-blue-600 mb-6">Sign up</h2>
          <form>
            <div class="mb-4">
              <label class="block text-gray-700 text-sm mb-2">
                Username
              </label>
              <input
                type="text"
                name="username"
                placeholder="Enter your username"
                class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
              />
            </div>

<div class="mb-4">
              <label class="block text-gray-700 text-sm mb-2">Email</label>
              <input
                type="email"
                name="email"
                placeholder="Enter your email"
                class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
              />
            </div>

<div class="mb-4">
              <label class="block text-gray-700 text-sm mb-2">
                Password
              </label>
              <input
                type="password"
                name="password"
                placeholder="Enter your password"
                class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
              />
            </div>

<div class="mb-6">
              <label class="block text-gray-700 text-sm mb-2">
                Confirm Password
              </label>
              <input
                type="password"
                name="confirmPassword"
                placeholder="Confirm your password"
                class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
              />
            </div>

<button class="w-full bg-blue-600 text-white py-2 rounded-lg hover:bg-blue-700 transition">
              Sign up
            </button>
          </form>
          <button class="w-full mt-4 border border-gray-300 py-2 rounded-lg flex items-center justify-center hover:bg-gray-100 transition">
            <img
              src="https://www.svgrepo.com/show/355037/google.svg"
              alt="Google"
              class="w-5 h-5 mr-2"
            />
            Sign-up with Google
          </button>

<p class="mt-6 text-sm text-center text-gray-600">
            Already have an account?
            <a href="/signin" class="text-blue-600 hover:underline">
              Sign in
            </a>
          </p>
        </div>
      </div>
    </div>

Related Examples

Appointment booking form

Author:
Leif99

2 years ago

17.7k
Profile Form
Stunning Profile and Cover Image Fields

$$@(\/)(\/)¥$ Author:
$@(\/)(\/)¥

1 year ago

4.6k
Simple login form

Author:
R Thapa

2 years ago

24k
Checkout form

Author:
Sienna

2 years ago

13.8k
Book appointment form

Author:
Lukas Müller

2 years ago

27.4k
Login template

Author:
Gabriel Urbano

1 year ago

6.1k
Modern Responsive Pricing Section with Toggle
A sleek, responsive pricing section built with HTML and Tailwind CSS, showcasing three distinct plans (e.g., Free, Pro, Expert) in a card layout. It features a clean monthly/yearly toggle switch with savings indication, highlights a recommended plan with distinct styling and a badge, and uses checkmarks for clear feature comparison. The layout stacks vertically on smaller screens and transitions to a 3-column grid on large screens (lg breakpoint). Includes generic content for easy adaptation and a final "Compare Plans" button.

Author:
Hamza Atig

6 months ago

896
Responsive login form
form with social login buttons

Author:
Aman kumar

1 year ago

4.9k
Records Form - HPower
records survey form

Author:
Anonymous

10 months ago

834
authentication form terminal
authentication form with zsh on mac terminal looks

Author:
ardianhu

1 year ago

2.7k
Responsive contact us section

Author:
Ron Hicks

2 years ago

14.7k
Simple Login Form
Very basic responsive login form. The form is centered within a white card with a shadow, featuring input fields for username and password. The design is clean and user-friendly.

Author:
Bunny

3 years ago

49.7k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components