Free HTML & CSS Contact Form Templates

40 free contact form templates, written in plain HTML and CSS. Open index.html and it works: no jQuery, no build step, no CDN calls. Each one drops into a Bootstrap 4, 5 or 6 project unchanged, or runs with no framework at all.

⭐ If these save you time, star this repo. It's how other developers find them.

Live previews of every template, plus more options from other designers: the full collection on Colorlib.

Contents

• Contact forms (20)
• Contact forms, set two (20)

Contact forms

Contact Form V1 Demo · Code · Details	Contact Form V2 Demo · Code · Details	Contact Form V3 Demo · Code · Details
Contact Form V4 Demo · Code · Details	Contact Form V5 Demo · Code · Details	Contact Form V6 Demo · Code · Details
Contact Form V7 Demo · Code · Details	Contact Form V8 Demo · Code · Details	Contact Form V9 Demo · Code · Details
Contact Form V10 Demo · Code · Details	Contact Form V11 Demo · Code · Details	Contact Form V12 Demo · Code · Details
Contact Form V13 Demo · Code · Details	Contact Form V14 Demo · Code · Details	Contact Form V15 Demo · Code · Details
Contact Form V16 Demo · Code · Details	Contact Form V17 Demo · Code · Details	Contact Form V18 Demo · Code · Details
Contact Form V19 Demo · Code · Details	Contact Form V20 Demo · Code · Details

Contact forms, set two

Contact Form 01 Demo · Code · Details	Contact Form 02 Demo · Code · Details	Contact Form 03 Demo · Code · Details
Contact Form 04 Demo · Code · Details	Contact Form 05 Demo · Code · Details	Contact Form 06 Demo · Code · Details
Contact Form 07 Demo · Code · Details	Contact Form 08 Demo · Code · Details	Contact Form 09 Demo · Code · Details
Contact Form 10 Demo · Code · Details	Contact Form 11 Demo · Code · Details	Contact Form 12 Demo · Code · Details
Contact Form 13 Demo · Code · Details	Contact Form 14 Demo · Code · Details	Contact Form 15 Demo · Code · Details
Contact Form 16 Demo · Code · Details	Contact Form 17 Demo · Code · Details	Contact Form 18 Demo · Code · Details
Contact Form 19 Demo · Code · Details	Contact Form 20 Demo · Code · Details

How to use one

1. Clone the repo, or download it as a ZIP from the green Code button.
2. Copy the folder of the template you want into your project.
3. Open its index.html in a browser. Every folder is self-contained: css/style.css, a small js/snippet.js where the template needs behaviour, plus its own fonts and images.

Using Bootstrap already? Load the template's css/style.css after your framework stylesheet. Class names are namespaced per template, so they won't collide with yours.

License

Free for personal and commercial use, including client work. Attribution is appreciated but not required. Photography, where present, is licensed for use inside these templates. See LICENSE.md.

More free templates from Colorlib

• Free HTML & CSS Login Form Templates
• Free HTML & CSS Registration Form Templates
• Free Coming Soon & Under Construction Page Templates
• Free 404 & Error Page Templates
• Free Multi-Step Form & Form Wizard Templates
• Free Booking & Appointment Form Templates
• Free HTML & CSS Search Form Templates
• Free Navigation Menu, Sidebar & Dropdown Templates
• Free HTML & CSS Table Templates
• Free HTML Form Templates: Job Application, Survey & Newsletter
• Free HTML & CSS UI Components

Building an admin panel or a web app?

• Gentelella and Adminator: free admin dashboard templates
• DashboardPack: premium dashboards for React, Vue, Angular, Next.js, Laravel and plain HTML

Made by Colorlib.