Upgrade to Premium Plans
✨ + 100k submissions per month ✨ Unlimited endpoints ✨ File attachments ✨ reCaptcha ✨ Integromat connection ✨ Email notifications ✨ Projects manager ✨ Custom webhooks ✨ Email notification customization
Example contact form
<form class="relative w-full mt-6 space-y-8">
<div class="relative">
<label class="absolute px-2 ml-2 -mt-3 font-medium text-gray-600 bg-white">First Name</label>
<input type="text" class="block w-full px-4 py-4 mt-2 text-base placeholder-gray-400 bg-white border border-gray-300 rounded-md focus:outline-none focus:border-black" placeholder="John">
</div>
<div class="relative">
<label class="absolute px-2 ml-2 -mt-3 font-medium text-gray-600 bg-white">Last Name</label>
<input type="text" class="block w-full px-4 py-4 mt-2 text-base placeholder-gray-400 bg-white border border-gray-300 rounded-md focus:outline-none focus:border-black" placeholder="Doe">
</div>
<div class="relative">
<label class="absolute px-2 ml-2 -mt-3 font-medium text-gray-600 bg-white">Email Address</label>
<input type="text" class="block w-full px-4 py-4 mt-2 text-base placeholder-gray-400 bg-white border border-gray-300 rounded-md focus:outline-none focus:border-black" placeholder="[email protected]">
</div>
<div class="relative">
<button class="inline-block w-full px-5 py-4 text-xl font-medium text-center text-white transition duration-200 bg-blue-600 rounded-lg hover:bg-blue-500 ease">Submit</button>
</div>
</form>