modal

This tailwind example is contributed by aditya_sharma, on 01-Sep-2026. Component is made with Tailwind v3.4. It is responsive. similar terms for this example are popup,dialog

Modal

Author aditya_sharma

Tailwind v3.4 305 1

Fork Fullscreen

<form class="flex flex-col gap-5">
      <div>
        <label class="block mb-2 font-medium"> field1 </label>

<div>
        <label class="block mb-2 font-medium"> field2 </label>

<div class="flex gap-5">
        <div class="flex-1">
          <label class="block mb-2 font-medium"> field3 </label>

<select class="w-full border rounded-lg px-4 py-3">
            <option value="" disabled>Select field3</option>

<div class="flex-1">
          <label class="block mb-2 font-medium"> field4 </label>

<div class="flex gap-5">
        <div class="flex-1">
          <label class="block mb-2 font-medium"> field5 </label>

<div class="flex-1">
          <label class="block mb-2 font-medium"> field6 </label>

<div class="flex justify-end gap-3 pt-3">
        <button
          type="button"
          class="px-5 py-2 border border-gray-300 rounded-lg hover:bg-gray-100"
        >
          Cancel
        </button>

Related Examples

Login popup modal
centered modal for gaining more attention from users, it also has social login buttons.

R Thapa

3 years ago

18.4k
Best Log In page ever
Instagram look like but not copy right 🤗,best login and sign and even for many others

ORGIN_DREAMS

1 year ago

1.6k
Login popup
with social media login buttons

Nikolai

2 years ago

4.4k
GALLERY

ORGIN_DREAMS

1 year ago

2k
Incense Meditation
material used to produce a fragrant odor when burned.

Augustin

1 year ago

1.3k
Modal popup
Working modal in tailwind CSS Simple snippet for creating models with tailwind and javascript

Lukas Müller

3 years ago

44.2k
LoginModal-1
Popup modal with close

Rohan Babu

2 years ago

4.1k
Modal with Tailwind CSS

EliteAI Tools

1 year ago

2.3k
Social media login modal
Popup model for social media login. i.e. google and GitHub. you can add more buttons according to your need

Sameer Sultana

3 years ago

15.8k
Minimalistic Modal with Native Functionality
This modal is built using HTML and Tailwind CSS without requiring JavaScript for basic functionality. It leverages the native <dialog> element, allowing users to open the modal by clicking a button and close it by clicking the ❌ button or clicking outside the modal. The design is clean and responsive, ensuring a smooth user experience with minimal code.

SHARIFUL ISLAM

1 year ago

2.8k
Simple Alret Modal
Minimal Modal

_Amar_

4 years ago

12.7k
OTPverification

Ratikanta Pradhan

1 year ago

1.1k