Collection of free Hand-picked HTML and CSS Contact Forms. All the collections are Included with the demos and source codes.
About the Code
Expanding CSS Contact Form
A functional (front end only) expanding contact form with jQuery validation.
More info: Link
Dependency: jquery.min.js, index.js
About the Code
Material Design CSS Contact Form
Contact form inspired by Material Design.
More info: Link
Dependency: jquery.min.js
About the Code
Moleskine Contact Page
It is a contact page with a letter that animates when it is sent. I’ve changed the javascript to just animate instead of actually trying to send the form.
You can toggle between the skeumorphic design and the flat design with the button at the bottom for fun times.
More info: Link
Dependency: jquery.min.js
About the Code
CSS Contact Form Template
HTML/SCSS/JS Dynamic CSS classes for labels based on input field’s value.
More info: Link
Dependency: jquery.min.js
About the Code
jQuery Pop-up Contact Form
jQuery pop-up contact form with fading/sliding effect.
More info: Link
Dependency: jquery.min.js
About the Code
Responsive CSS Contact Form with Map
Contact form inspired by a dribbble by Ramil Derogongun
More info: Link
Dependency: jquery.min.js
About the Code
Slide in panel with CSS contact form
More info: Link
Dependency: font-awesome.min.css, jquery-ui.css, jquery.min.js, jquery-ui.min.js
About the Code
Hand-Written Contact Form using Angular JS
Tried out a bit of the curve Contact Form, What you type in the Text Boxes would be converted to beautiful Handwritten Text on the Page to the Right.
The best part is that the Text on the Page is Dynamically Synced with the TextBoxes
More info: Link
Dependency: –
About the Code
Bootstrap 3 Contact form with Validation
A contact form built with Bootstrap 3. Field validation with Bootstrap Validator.
More info: Link
Resources: bootstrap.min.css, bootstrap-theme.min.css, bootstrapValidator.min.css, jquery.min.js, bootstrap.min.js, bootstrapvalidator.min.js
Leave a Reply