Centered Contact Form is a free contact section for websites that want one clear way to reach them. A centered heading sits above a soft card with the fields people expect: name and email side by side, an optional phone number, a topic menu, a message box and a consent checkbox. It is plain HTML and CSS, so you can paste it into any page or export it as React or Vue.

Details that make a form easier to finish

The topic menu sorts messages before you read them (sales, support, press) and the list is yours to edit. The message box has a live character counter, so people see the limit before they hit it. The phone field and the consent box disappear when you empty their labels, which keeps a short form short. Inputs carry the right autocomplete and type values, so phones offer the saved name, email and number, and browsers check the email format for you.

It really sends

Every form posts to the address you paste into "Form URL" (Formspree, Basin, Getform or your own server), shows a success message, shows an error message when something fails and contains a hidden spam-trap field. Without JavaScript it is an ordinary form post. Paste your Formspree address once and the form works. The fields sent are name, email, phone, topic, message and consent. For a version with contact details beside the form see the Contact Form With Details, and for floating labels try the Floating Label Form.

Edit and export

Change every label, the topics, the button, the note under it and the success and error messages in the editor, pick colours, fonts and corner radius, then copy the HTML, download a ZIP, copy a React or Vue component or fork it into My Code.