ULTIMATE SALE Up to 90% OFF Web Hosting + Free Domain ( Free SSL & CloudFlare included ) Start Now
w3 tweaks
  • Effects
    • Scroll Effects
    • Text Effects
    • Shadow
  • Essentials
    • Arrows
    • Buttons
    • Background Patterns
    • Border Examples
    • Cards
    • Color Palettes
    • Dividers
    • Link styles
    • Loaders
    • Modal Windows
    • Notifications
    • Progress bar
    • Quote styles
    • Spinner
    • Tooltips
  • Media
    • Calendars
    • Carousels
    • Clocks
    • Gallery
    • Music Players
    • Sliders
    • Slideshows
    • Tables
    • Thumbnails
  • Navigation
  • Inputs
    • Range Sliders
    • Checkboxes
    • Toggle Switches
  • Scripts
    • Angularjs
    • Backbone.js
    • bootstrap
    • jQuery
    • ReactJs
    • JavaScript
    • Syntax Highlighters
    • tryit editor
    • PHP
  • API’s
    • Facebook
    • Google
    • Indeed
    • Twitter
    • YouTube
  • Web Tools
    • Beautifiers
    • Minifiers
    • Encoders & Decoders
w3 tweaks
  • Effects
    • Scroll Effects
    • Text Effects
    • Shadow
  • Essentials
    • Arrows
    • Buttons
    • Background Patterns
    • Border Examples
    • Cards
    • Color Palettes
    • Dividers
    • Link styles
    • Loaders
    • Modal Windows
    • Notifications
    • Progress bar
    • Quote styles
    • Spinner
    • Tooltips
  • Media
    • Calendars
    • Carousels
    • Clocks
    • Gallery
    • Music Players
    • Sliders
    • Slideshows
    • Tables
    • Thumbnails
  • Navigation
  • Inputs
    • Range Sliders
    • Checkboxes
    • Toggle Switches
  • Scripts
    • Angularjs
    • Backbone.js
    • bootstrap
    • jQuery
    • ReactJs
    • JavaScript
    • Syntax Highlighters
    • tryit editor
    • PHP
  • API’s
    • Facebook
    • Google
    • Indeed
    • Twitter
    • YouTube
  • Web Tools
    • Beautifiers
    • Minifiers
    • Encoders & Decoders
w3 tweaks
No Result
View All Result

20 CSS Contact Forms

by CV
December 15, 2020
in Inputs

Collection of free Hand-picked HTML and CSS Contact Forms. All the collections are Included with the demos and source codes.

RelatedPosts

20 Cool jQuery Toggle Menu

15 Cool jQuery Toggle Switches

13 Cool CSS Emoji Rating

9 Best JavaScript Toggle Menu

11 Better jQuery Star ratings

27 Best CSS toggle menus

Author

  • Jaime
  • October 31, 2017

Link

Download

Made with

  • HTML / SCSS / JavaScript

About the Code

Contact form

Just another contact form

More info: Link

Dependency: react.min.js

Author

  • Joe Harry
  • September 18, 2016

Link

Download

Made with

  • Haml / SCSS / JavaScript

About the Code

Expanding Contact Form

A functional (front end only) expanding contact form with jQuery validation.

More info: Link

Dependency: jquery.min.js, index.js

Author

  • Shehab Eltawel
  • May 12, 2016

Link

Download

Made with

  • HTML / CSS / JavaScript

About the Code

Material Design Contact Form

Contact form inspired by Material Design.

More info: Link

Dependency: jquery.min.js

Author

  • Chris
  • July 19, 2016

Link

Download

Made with

  • HTML / PostCSS / JavaScript

About the Code

Contact us form with animation

More info: Link

Dependency: –

Author

  • Ben Norris
  • October 17, 2013

Link

Download

Made with

  • Pug / SCSS / JavaScript

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

Author

  • Anicar
  • March 23, 2017

Link

Download

Made with

  • HTML / CSS / JavaScript

About the Code

plugin contact form

More info: Link

Dependency: jquery.min.js, jquery.easing.min.js

Author

  • Grandvincent Marion
  • December 25, 2015

Link

Download

Made with

  • HTML / CSS / JavaScript

About the Code

Elegant Contact Form

pleasing contact form

More info: Link

Dependency: –

Author

  • Aigars Silkalns
  • January 26, 2016

Link

Download

Made with

  • HTML / CSS

About the Code

Simple HTML/CSS Contact Form

Clean and minimal HTML/CSS contact form with minimal styling to be used on websites, templates and elsewhere.

More info: Link

Dependency: –

Author

  • Chris Holder
  • March 10, 2014

Link

Download

Made with

  • HTML / SCSS / JavaScript

About the Code

Contact Form Template

HTML/SCSS/JS Dynamic CSS classes for labels based on input field’s value.

More info: Link

Dependency: jquery.min.js

Author

  • Giana
  • May 4, 2016

Link

Download

Made with

  • HTML / SCSS

About the Code

Form with focus animation

More info: Link

Dependency: –

Author

  • haodan188
  • July 28, 2017

Link

Download

Made with

  • HTML / CSS / JavaScript

About the Code

jQuery Pop-up Contact Form

jQuery pop-up contact form with fading/sliding effect.

More info: Link

Dependency: jquery.min.js

Author

  • Lentie Ward
  • May 25, 2017

Link

Download

Made with

  • Haml / SCSS / JavaScript

About the Code

Responsive Contact Form with Map

Contact form inspired by a dribbble by Ramil Derogongun

More info: Link

Dependency: jquery.min.js

Author

  • Vimalraj
  • June 8, 2020

Link

Download

Made with

  • HTML / CSS / JavaScript

About the Code

Slide in panel with contact form

More info: Link

Dependency: font-awesome.min.css, jquery-ui.css, jquery.min.js, jquery-ui.min.js

Author

  • Akhbar
  • August 17, 2014

Link

Download

Made with

  • HTML / SCSS / JavaScript

About the Code

Sass Flip Contact Form

More info: Link

Dependency: jquery.min.js

Author

  • Shaik Maqsood
  • January 15, 2016

Link

Download

Made with

  • HTML / CSS

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: –

Author

  • Tyler Fowle
  • October 23, 2014

Link

Download

Made with

  • HTML / CSS

About the Code

Contact Form

More info: Link

Dependency: –

Author

  • nick haskell
  • January 15, 2018

Link

Download

Made with

  • HTML / SCSS

About the Code

Clean Contact Form

Clean, responsive contact form design.

More info: Link

Dependency: –

Author

  • Jay
  • August 4, 2014

Link

Download

Made with

  • HTML / CSS / JavaScript

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

Author

  • Joanez Andrades
  • August 13, 2017

Link

Download

Made with

  • HTML / Sass

About the Code

Contact form

More info: Link

Dependency: –

Author

  • Trevor L.J.M. McIntire
  • July 29, 2016

Link

Download

Made with

  • HTML / CSS / JavaScript

About the Code

Contact Form HTML + CSS

More info: Link

Resources: jquery-2.2.4.min.js

Tags: contact formsCSS formsforms
Previous Post

28 CSS Forms

Next Post

27 CSS login / sign up forms

Related Posts

jQuery Toggle Menu
Inputs

20 Cool jQuery Toggle Menu

January 17, 2021
jQuery Toggle Switches
Inputs

15 Cool jQuery Toggle Switches

January 17, 2021
Cool CSS Emoji Rating
Inputs

13 Cool CSS Emoji Rating

January 14, 2021
JavaScript Toggle Menu
Inputs

9 Best JavaScript Toggle Menu

January 17, 2021
jQuery Star ratings
Inputs

11 Better jQuery Star ratings

January 14, 2021
CSS toggle menus
Inputs

27 Best CSS toggle menus

January 17, 2021
Next Post
27 CSS login / sign up forms 1

27 CSS login / sign up forms

Discussion about this post

Popular Posts

41 Multi step HTML forms

92 CSS Text styling and Effects

99 Hand-picked CSS Card Collections

20 HTML & CSS pricing tables

11 CSS Shopping Cart UI/UX

76 Hand Picked CSS Music Players

14 CSS Divider Collections

Simple php login and logout script using php session and database using MySQL

Tags

Angularjs (20) AngularJS Tutorials (16) animation (70) animation examples (14) beautiful (12) Button (24) button hover effect (15) Buttons (24) Calendar (38) calendars (38) cards (24) click animation (12) click buttons (19) CSS (128) css3 (20) css buttons (54) css calendar (36) css calendars (37) css effects (22) css hover effects (31) demo (18) effect (33) effects (41) essentials (48) Free Tool (13) hover (23) hover animation (31) Hover effects (40) html (86) inputs (14) Javascript (68) jquery (26) js (18) loaders (14) menu (13) mouse hover effects (36) navigation (14) pure (13) simple (13) text effects (24) Toggle Switches (13) tool (12) tutorial (32) tutorials (14) YouTube (13)
No Result
View All Result
  • Effects
    • Scroll Effects
    • Text Effects
    • Shadow
  • Essentials
    • Arrows
    • Buttons
    • Background Patterns
    • Border Examples
    • Cards
    • Color Palettes
    • Dividers
    • Link styles
    • Loaders
    • Modal Windows
    • Notifications
    • Progress bar
    • Quote styles
    • Spinner
    • Tooltips
  • Media
    • Calendars
    • Carousels
    • Clocks
    • Gallery
    • Music Players
    • Sliders
    • Slideshows
    • Tables
    • Thumbnails
  • Navigation
  • Inputs
    • Range Sliders
    • Checkboxes
    • Toggle Switches
  • Scripts
    • Angularjs
    • Backbone.js
    • bootstrap
    • jQuery
    • ReactJs
    • JavaScript
    • Syntax Highlighters
    • tryit editor
    • PHP
  • API’s
    • Facebook
    • Google
    • Indeed
    • Twitter
    • YouTube
  • Web Tools
    • Beautifiers
    • Minifiers
    • Encoders & Decoders

© 2020 w3tweaks

Welcome Back!

Login to your account below

Forgotten Password?

Create New Account!

Fill the forms below to register

All fields are required. Log In

Retrieve your password

Please enter your username or email address to reset your password.

Log In

Add New Playlist