Collection of Hand-picked free HTML and CSS login / signup forms (Sign In / Registration form). All the collections are Included with the demos and source codes.
About the Code
Simple Login Widget
This is a simple login widget with CSS3 animations and a simple jQuery validation. Feel free to reuse the components or the whole thing.
More info: Link
Dependency: Fonts (Roboto:400,300,100,500, Roboto+Slab:400,700,300,100), bootstrap.min.css, jquery.min.js
About the Code
Login & Signup Form
A popup login & signup tabbed form. Originally created by Claudia Romano over at CodyHouse. Modified for personal use.
More info: Link
Dependency: font-awesome.min.css, jquery.min.js
About the Code
Login/Sign-In
A concept of login and sign-in modal
More info: Link
Dependency: font-awesome.min.css, jquery.min.js
About the Code
Login Form – Modal
This is a material inspired login modal with 2 panels. A login panel, and a registration panel which is hidden by default. The registration panel can be triggered by clicking the visible tab on the right side. Once clicked, the registration panel will slide in and overlap the login panel.
More info: Link
Dependency: Fornts (Roboto|Material+Icons), jquery.min.js, index.js
About the Code
Login and register Tabbed form
a simple jQuery form with tabs for logging in and registering.
More info: Link
Dependency: jquery.min.js
About the Code
Material Login Form
Interactive Material Design Login Form.
This could be a lot smoother, which is why I’ll be updating it sometime this week when I have free time. However, here’s the first version of it.
The close button should function properly now.
More info: Link
Dependency: Font Family: (Roboto|RobotoDraft), font-awesome.min.css, jquery.min.js
About the Code
Signup/Signin page idea (2/2)
The user can switch between signup and login in a singel page.
More info: Link
Dependency: jquery.min.js
About the Code
Login & Sign Up Form Concept
Sign In & Sign Up Form concept , click on login and Sign Up to changue and view the effect
More info: Link
Dependency: Font Family (Open+Sans, Material+Icons)
About the Code
Weekly Coding Challenge #1 – Sign in/up Form
More info: Link
Dependency: bootstrap.min.css, all.min.css, Font Family – (Handlee|Josefin+Sans)
About the Code
WEEKLY CODING CHALLENGE – Sign in/up form
More info: Link
Dependency: bootstrap.min.css, jquery.slim.min.js, popper.min.js, bootstrap.min.js
About the Code
jQuery forms (w/ Pure CSS)
More info: Link
Dependency: pure-min.css, jquery-2.2.4.min.js
About the Code
Weekly Coding Challenge #1 – Double slider Sign in/up Form – Desktop Only
More info: Link
Dependency: all.min.css
About the Code
Sign In/Up Form with Password Reset
Just testing out a nice Sign In/Up with Password Reset Form using Bootstrap.
More info: Link
Dependency: bootstrap.min.css, jquery.min.js, bootstrap.min.js
About the Code
Flat HTML5/CSS3 Login Form
Simple HTML5/CSS3 login form that also works as a registration form. You can tweak this form further to use it as part of your web app, website, or anything else.
More info: Link
Dependency: jquery.min.js
About the Code
Log in/Sign up screen animation
Little form flow
More info: Link
Dependency: jquery.min.js, angular.min.js
About the Code
Social login/signup
A login and signup page along with the registration form with jquery effects
More info: Link
Dependency: bootstrap.min.css, font-awesome.min.css, jquery-3.3.1.min.js
About the Code
Sign-Up/Login Form
A design for a sign-up/login form using tabs and floating form labels.
More info: Link
Dependency: jquery.min.js
About the Code
#codevember Sign In / Sign Up
Sign in ( log ih ) / Sign up form. Html5, CSS3 and little bit of jQuery Minimal, clean, simple.
More info: Link
Dependency: jquery-ui.min.js, jquery.min.js
Leave a Reply