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

939

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

Forgot password form

Author:
ariaw

4 weeks ago

56
Contact us form template

Author:
Geoffrey Callaghan

2 years ago

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

3k
Text Rpg UI

Author:
Crimson

10 months ago

1.1k
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:
Anonymous

1 year ago

3.3k
Credit card form

Author:
Oliver Hansen

2 years ago

17k
Complete Profile Form with Avatar Upload & Social Links
A fully responsive profile setup form built with Tailwind CSS and Alpine.js. Users can upload a profile picture, fill in personal and professional details, add social links, and receive real-time validation feedback. Includes a smooth success message animation after submission, with optional navigation to the profile or dashboard. Perfect for onboarding flows or user account management interfaces.

Author:
wavy kits

1 month ago

105
LinkedIn Post UI Mockup
A static HTML and Tailwind CSS component designed to replicate the user interface of a LinkedIn post. This mockup accurately represents the post structure including the header (avatar, name, headline, timestamp), content area (text, optional media), engagement statistics (likes, comments, reposts), and the action bar (Like, Comment, Repost, Send). It's fully responsive, supports light and dark themes, and uses appropriate iconography and styling to closely mimic the LinkedIn feed experience.

Author:
Hamza Atig

7 months ago

979
Login Form
Admin Login Form

Author:
Khalid

1 year ago

2.3k
Simple Form 2

Author:
Mr Robot

3 years ago

10.5k
Sign in / Login Form

Author:
Bunny

3 years ago

13.5k
tailwind contact form
tailwind contact form

Author:
Geoffrey Callaghan

1 year ago

2.1k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components