HomeForm Patterns
Preview
html
1
2
3
4
Code
html
<form class="register-form">
  <div class="form-row">
    <div class="input-group">
      <label class="input-label">First Name</label>
      <input class="input" type="text" placeholder="First name" />
    </div>
    <div class="input-group">
      <label class="input-label">Last Name</label>
      <input class="input" type="text" placeholder="Last name" />
    </div>
  </div>
  <div class="input-group">
    <label class="input-label">Email</label>
    <input class="input" type="email" />
  </div>
  <div class="input-group">
    <label class="input-label">Password</label>
    <input class="input" type="password" />
    <span class="input-hint">At least 8 characters</span>
  </div>
  <label class="toggle">
    <input type="checkbox" class="toggle-input" />
    <span class="toggle-track"><span class="toggle-thumb"></span></span>
    <span>Subscribe to newsletter</span>
  </label>
  <button type="submit" class="btn btn-primary" style="width:100%">Create account</button>
</form>

<style>
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
</style>
Related Blocks
html
Login Form
Email + password + submit, including validation.
html
Contact Form
Name, email, subject, message — full contact layout.
html
File Upload
Drag & drop file upload area.