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 128

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

Error popup modal

Jindřich Stoklasa

1 year ago

2.5k
Confirmation Dialog Box

Anonymous

3 years ago

17.2k
Modal with Tailwind CSS

EliteAI Tools

1 year ago

2.3k
FacePass: Animated Image Authentication
"Where your image becomes your key" "Biometric meets beautiful animations" "A login experience that recognizes you – literally" "Security through personalized visual authentication" "Your face, animated, authenticated"

Code Master(Mfuranziza Dusabe Hamza)

1 year ago

2k
GALLERY

ORGIN_DREAMS

1 year ago

1.9k
Simple Alret Modal
Minimal Modal

_Amar_

4 years ago

12.7k
Donate Hero section
Best New tailwindcss,help save the children

ORGIN_DREAMS

1 year ago

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

Anonymous

1 year ago

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

Augustin

1 year ago

1.3k
Confirmation modal with blurred background

Orion.c

3 years ago

14.8k
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
Tailwind CSS Modal

Krishna Gudpalle

4 years ago

12.8k