Signup With Guide Lines
A signup form in a white card between full-width guide lines. It has GitHub sign up, name, email and password fields, inline errors, and a verify-email step.
A signup page for apps that want a fast GitHub path and an email fallback. The form sits in a white card between two hairlines that run the full width of the page, with small plus marks where they cross the column guides.
GitHub sign up is the main button at the top. Below the divider, users can create an account with their name, email and a password, and they can show or hide the password.
Each field shows its own error message under the input. After the form is sent, it fades to a "Verify your email" step with links to resend the email or change the address.
The block supports dark mode and reduced motion, and the copy is generic so you can drop in your own brand.
More from Login and Signup Sections
Included with All-Access
One payment unlocks the code for this block and every other block, template and page.
Get All-AccessExplore more
About this block
A signup page for apps that want a fast GitHub path and an email fallback. The form sits in a white card between two hairlines that run the full width of the page, with small plus marks where they cross the column guides.
GitHub sign up is the main button at the top. Below the divider, users can create an account with their name, email and a password, and they can show or hide the password.
Each field shows its own error message under the input. After the form is sent, it fades to a "Verify your email" step with links to resend the email or change the address.
The block supports dark mode and reduced motion, and the copy is generic so you can drop in your own brand.