Forms UI

Reusable form components with clean inputs, selects, radios, checkboxes and more.

4 Forms Pure HTML & CSS
Login Form Popular

Welcome back

Sign in to your account

Forgot password?
<div class="form-card">
  <h3>Welcome back</h3>
  <input type="email" placeholder="Email">
  <input type="password" placeholder="Password">
  <div class="options">
    <label><input type="checkbox"> Remember me</label>
    <a href="#">Forgot password?</a>
  </div>
  <button>Login</button>
</div>
Signup Form Essential

Create Account

Join thousands of developers

<div class="form-card">
  <h3>Create Account</h3>
  <input type="text" placeholder="Full Name">
  <input type="email" placeholder="Email">
  <input type="password" placeholder="Password">
  <input type="password" placeholder="Confirm Password">
  <button>Register</button>
</div>
Search Filter New

Search Products

Job Application

Event Registration

Create Ticket

Donate

Newsletter

Login

Upload Document

PDF, DOCX or ZIP

Invite Member

Rate Us

★★★★★
Contact Form Popular

Get in Touch

We'll get back to you soon

<div class="form-card">
  <h3>Get in Touch</h3>
  <input type="text" placeholder="Your Name">
  <input type="email" placeholder="Your Email">
  <textarea placeholder="Your Message"></textarea>
  <button>Send Message</button>
</div>
More Inputs Essential

Extra Inputs

Select, radio, checkbox & file

<select>
  <option>Select Country</option>
  <option>India</option>
  <option>USA</option>
</select>

<label><input type="radio" name="gender"> Male</label>
<label><input type="radio" name="gender"> Female</label>

<label><input type="checkbox"> HTML</label>
<label><input type="checkbox"> CSS</label>
<label><input type="checkbox"> JavaScript</label>

<input type="file">
<button>Submit</button>
Checkout Form Trending

Payment Details

Secure checkout experience

Profile Settings Essential

Account Settings

Manage your profile

Feedback Form Popular

Share Feedback

Help us improve

★ ★ ★ ★ ★
Job Application New

Apply for Position

Join our growing team