Home
Krishna Gudpalle
Tailwind CSS Modal

Tailwind CSS Modal

This tailwind example is contributed by Krishna Gudpalle, on 21-Aug-2022. Component is made with Tailwind CSS v3. similar terms for this example are popup,dialog

Modal

Author Krishna Gudpalle

10k

Fork Fullscreen

<div class="ml-3">
		<h2 class="font-semibold text-gray-800">Alert Component</h2>
		<p class="mt-2 text-sm text-gray-600 leading-relaxed">Etiam finibus velit vel lacus cursus porttitor ac rhoncus leo. Ut gravida justo est, sit amet vulputate felis vestibulum eleifend. Vivamus faucibus augue a scelerisque rutrum. Donec faucibus nibh ex, in condimentum quam viverra in.</p>
	  </div>
	</div>

<div class="flex justify-end items-center mt-3">
	  <button class="px-4 py-2 bg-gray-100 hover:bg-gray-200 text-gray-800 text-sm font-medium rounded-md">
		Cancel
	  </button>

<button class="px-4 py-2 ml-2 bg-blue-500 hover:bg-blue-600 text-white text-sm font-medium rounded-md">
		Continue
	  </button>
	</div>
  </div>
</div>

Related Examples

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

Author:
Lukas Müller

1 year ago

38.1k
Responsive modal popup

Author:
I.P. Leroy

1 year ago

11.7k
Blurred Background Modal

Author:
Prem..

1 year ago

11.9k
Error popup modal

Author:
Odessa Young

1 year ago

14k
Modal with background overlay
Reduce the opacity of the page content to bring the focus to the modal.

Author:
Abigail

1 year ago

10.5k
Confirmation Dialog Box

Author:
Anonymous

1 year ago

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

Author:
R Thapa

1 year ago

14k
Confirmation modal/card

Author:
Sophia Baker

1 year ago

13.2k
Confirmation model

Author:
Mr Robot

2 years ago

12.2k
Confirmation modal with blurred background

Author:
Orion.c

1 year ago

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

Author:
Sameer Sultana

1 year ago

13.4k
popup modal contact form
Working modal popup contact form in tailwind CSS Simple snippet for creating a popup contact form with tailwind and javascript

Author:
Ti To

1 year ago

6.3k

Explore components by Tags

Didn't find component you were looking for?

Search from 1800+ components