Elegant Split-Layout Contact Form (Navy Blue Edition)
Overview: A premium contact section styled in Navy Blue (bg-blue-900) to match the Service Carousel.
Key Changes:
Palette: Swapped all Teal references for Deep Blue (bg-blue-900 panel, text-blue-700 accents).
Interactivity: Focus rings on inputs now glow with a soft blue (focus:ring-blue-600/10).
Consistency: Maintains the "DM Serif Display" typography and "blob" background effects (now in blue/indigo) for a cohesive high-end look.
This tailwind example is contributed by Juan D. Cortorreal, on 23-Nov-2025. Component is made with Tailwind CSS v3. It is responsive.
Author Juan D. Cortorreal
Related Examples
-
Amazing 3D Login and Registiration Aniamation Formcreate a stunning 3D animated background with floating geometric shapes, particle effects, and interactive elements using React, Three.js, and Tailwind CSS. This will be fully responsive and visually captivating.
6 months ago834 -
LinkedIn Post UI MockupA static HTML and Tailwind CSS component designed to replicate the user interface of a LinkedIn post. This mockup accurately represents the post structure including the header (avatar, name, headline, timestamp), content area (text, optional media), engagement statistics (likes, comments, reposts), and the action bar (Like, Comment, Repost, Send). It's fully responsive, supports light and dark themes, and uses appropriate iconography and styling to closely mimic the LinkedIn feed experience.
7 months ago979 -
2 years ago14.5k -
2 years ago16.1k -
tailwind contact formtailwind contact form
1 year ago2.1k -
Responsive Sign-Up Form with TailwindCSSCreate a visually appealing and fully responsive sign-up form using TailwindCSS. This form includes input fields for full name, mobile number, email, password, and confirm password, along with a gradient sign-up button. Designed with simplicity and flexibility, it is perfect for modern web applications and easy to integrate into any project.
9 months ago1.3k -
Profile Stepper FormProgressive Profile Form
1 year ago4.6k -
Multi-Step Form with Progress Indicatorreusable "Multi-Step Form with Progress Indicator" component built with HTML, CSS, and Tailwind CSS. It’s a practical component for forms like signups, surveys, or checkout processes.
10 months ago1.8k -
Multi-Step Form WizardWorking Multi-Step Form more complex forms. made with tailwind CSS v3 and javascript
1 year ago6.3k -
loginlogin by : html , css
6 months ago1.3k -
Car booking formRental carr booking form to rent a car online
4 weeks ago68 -
8 months ago982
Explore components by Tags
Didn't find component you were looking for?
Search from 3000+ components
