Contacts
Contact forms, contact sections, and contact UI components based on Tailwind CSS by TailGrids. You can use these components for your site or landing page for ...
Search Components
⌘KSimple Contact FormFree
A clean and visually engaging contact form component. This style features input fields for name, email, and phone, along with a larger text area for messages. It also includes a colorful background illustration to complement the form's aesthetic.
Centered Minimalist Contact Form
A clean and focused contact form with a centered layout. It includes essential input fields for name, email, phone, and message, along with a submit button. The simple design and absence of distractions make it easy for users to quickly get in touch.
Contact Form with Consent Checkbox
A contact form component with a two-column layout. The left side includes the contact form with fields for name, email, phone, and message and a checkbox for consent to terms. The right side displays contact details such as location, phone numbers, and email addresses.
Contact Form with CTA
A visually engaging contact form with a prominent call-to-action (CTA) section and a clean, minimalist form design. The CTA encourages users to initiate a conversation about their project, while the form provides fields for their name, email, phone, subject, and message.
Contact Form with Image Overlay Contact Details
A visually engaging contact form with a split-screen design. The left side features an image with an overlay displaying contact details against a background, while the right side provides a form for users to send messages, including input fields for name, email, and message.
Contact Form with Integrated Map
A contact form component that includes a map alongside the input fields. This design allows users to easily locate the business and provides a visual context for the contact information.
Contact Form with Sidebar and Map
A visually engaging contact form with a split-screen design. The left side features a prominent sidebar with contact information and social media links, while the right side provides a detailed contact form with input fields for name, email, phone number, and message. The bottom section showcases a map for easy location reference.
Contact Form with Sidebar Details
A visually engaging contact form with a split-screen design. The left side features a sidebar with the contact details (address, phone number, and email) against a blue background, while the right side provides a form for users to send messages, including input fields for name, email, phone number, and a message area.
Minimalist Contact Form
A clean and focused contact form with a minimalist design. It includes essential input fields for name, email, phone, subject, and message, along with a submit button. The simple layout and lack of distractions make it easy for users to get in touch quickly.
Split-Screen Contact Form
A visually engaging contact form with a split-screen design. The left side features contact information (location, email) against a light blue background. In contrast, the right side provides a form for users to send messages, including input fields for name, email, phone number, and a message area.
Split-Screen Contact Form with Illustration
A visually engaging contact form with a split-screen layout. The left side features a prominent "Get in Touch" call to action and introductory text against a solid color background, while the right side showcases an illustration. The form includes input fields for name, email, phone, subject, and a message area.
Split-Screen Contact Form with Side Panel
A visually appealing contact form with a split-screen design. The left side features a colored side panel with a "Contact Us" heading and social media links, while the right side provides a form for users to send messages, including input fields for name, email, and message.
Split-Screen Contact Form with Sidebar
A split-screen contact form featuring a prominent call-to-action on the left side and a detailed contact form on the right. The left side includes a "Contact Us" message and social media links. The form on the right includes fields for name, email, phone, subject, and a message area.
Two-Column Contact Layout
A visually engaging contact form layout that presents contact information and a message form in two distinct columns. The contact details are displayed on the left, while the message form with image occupies the right side, creating a balanced and user-friendly experience.