Collection of hand-picked free HTML and CSS contact form code examples from codepen and other resources. Update of July 2019 collection. 4 new items.
Related Articles

Links
Made with
- HTML / CSS
About a code
Border Form
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: -

Links
Made with
- HTML (Slim) / CSS (Sass)
About a code
Colorful Contact Form
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -

Links
Made with
- HTML (Slim) / CSS (SCSS)
About the code
Retro UI Feedback Form
HTML and CSS retro UI feedback form.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: -

Links
Made with
- HTML / CSS
About the code
Responsive CSS 3D Contact Form
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: -


Links
Made with
- HTML / CSS
About the code
Floating Contact Form CSS
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: -

Links
Made with
- HTML / CSS
About the code
Contact Us Form
Design by Gururaj - https://dribbble.com/shots/2666271-Contact
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: -


Links
Made with
- HTML / CSS (PostCSS) / JavaScript
About the code
Contact Us Form
Contact us form with animation in HTML, CSS and JS.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: -

Links
Made with
- HTML / CSS
About the code
Contact Us Form
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: bootstrap.css

Links
Made with
- HTML / CSS
About the code
Contact Form UI
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: font-awesome.css

Links
Made with
- HTML / CSS
About the code
Vintage Inspired Contact Form
Mobile-friendly. A simple, yet effective contact form.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: -

Links
Made with
- HTML / CSS / JS
About a code
Responsive Contact Form
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: bootstrap.css, bootstrap.js

Links
Made with
- HTML / CSS
About a code
Simple, Flat Contact Form
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -

Links
Made with
- HTML / CSS
About the code
Minimalistic Form
Simple and beautiful contact form. Useful and easy to modify.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: -


Links
Made with
- HTML / CSS
About the code
Full CSS Drop Down Contact Form
Simple contact form that use a checkbox to simulate click action and CSS transition
to create a drop drown effect.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Dependencies: -