Post thumbnail: 9 CSS Contact Forms

9 CSS Contact Forms

Collection of hand-picked free HTML and CSS contact form code examples.

Related Articles

  1. CSS Forms
  2. CSS Login Forms

Demo image: Responsive CSS 3D Contact Form

Author

  • Mahvash Fatima

Made with

  • HTML / CSS

About the code

Responsive CSS 3D Contact Form

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

Demo image: Floating Contact Form CSS Floating Contact Form CSS - GIF Demo

Author

  • Shante Austin

Made with

  • HTML / CSS

About the code

Floating Contact Form CSS

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

Demo image: Contact Us Form Contact Us Form - GIF Demo

Author

  • Valeriya

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

Demo image: Contact Us Form

Author

  • Jon Lehman

Made with

  • HTML / CSS

About the code

Contact Us Form

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: bootstrap.css

Demo image: Contact Form UI

Author

  • Leena Lavanya

Made with

  • HTML / CSS

About the code

Contact Form UI

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: font-awesome.css

Demo image: Vintage Inspired Contact Form

Author

  • David Fitas

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

Demo image: Minimalistic Form

Author

  • Matheus Marsiglio

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

Demo image: Full CSS Drop Down Contact Form Full CSS Drop Down Contact Form - GIF Demo

Author

  • Vincent Durand

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

back to top