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

11.9k

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

2 years ago

42.4k
Responsive modal popup

Author:
I.P. Leroy

2 years ago

14k
Blurred Background Modal

Author:
Prem..

2 years ago

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

Author:
Abigail

2 years ago

11.8k
Error popup modal

Author:
Odessa Young

2 years ago

16k
Confirmation Dialog Box

Author:
Anonymous

2 years ago

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

Author:
R Thapa

2 years ago

16.8k
Confirmation modal/card

Author:
Sophia Baker

2 years ago

15.3k
Confirmation model

Author:
Mr Robot

3 years ago

13k
Confirmation modal with blurred background

Author:
Orion.c

2 years ago

13.7k
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

2 years ago

14.9k
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

7.8k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components