Tailwind CSS Modals
There are 4 available components in this category, preview them all!
Default
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Alpine.js code snippet
JS required
Screenshot
![Screenshot preview of Default](https://cdn.tailkit.com/media/screenshots/application-ui/components/modals/default.png)
With Form
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Alpine.js code snippet
JS required
Screenshot
![Screenshot preview of With Form](https://cdn.tailkit.com/media/screenshots/application-ui/components/modals/with-form.png)
Confirmation
Fully responsive design
Supports dark mode
HTML code snippet
React code snippet
Vue.js code snippet
Alpine.js code snippet
JS required
Screenshot
![Screenshot preview of Confirmation](https://cdn.tailkit.com/media/screenshots/application-ui/components/modals/confirmation.png)
Notification
Fully responsive design
Supports dark mode
Supports color editor
HTML code snippet
React code snippet
Vue.js code snippet
Alpine.js code snippet
JS required
Screenshot
![Screenshot preview of Notification](https://cdn.tailkit.com/media/screenshots/application-ui/components/modals/notification.png)
![Background image with component grid](https://cdn.tailkit.com/media/landing/components-hero@0.5x.png)
Transform your ideas into reality