Modals

Modals and popovers crafted for Tailwind CSS for showing warning, success, and error by TailGrids. Modals' Tailwind component is helpful to have on your webs ...

Success Modal with CTAFree

A basic Dialogs component centred on the screen with an overlay. The modal includes a title, message, and two buttons: one for cancelling and one as a call-to-action to a details page.

Access Request Modal with Steps Indicators

A modal dialog prompts users to grant access to third-party applications (like Adobe and Google). Features logos, a brief message, step indicators (dots) to show progress and buttons to "Skip" or proceed to the "Next" step.

Confirmation Modal with Action Buttons

A modal dialog for confirming user actions. Features an information icon, a confirmation message, and buttons to "Cancel" and "Submit". It provides a clear and user-friendly way to handle critical actions requiring user verification.

Confirmation Modal with Checkmark

A modal dialog designed to confirm user actions. It includes a checkmark icon, a confirmation message, and two buttons: "Cancel" and "Confirm". Creates a visually distinct and focused confirmation experience for users.

Confirmation Modal with Image

A modal dialog box for confirming user actions featuring an image, a confirmation question, and two buttons: "Cancel" and "Confirm." This style provides a clear visual context for the action being confirmed.

Congratulations Modal with Close Button

This is a simple modal designed to convey congratulation messages to users. It features a smiling emoji icon, a customizable message, a "Know More" button and a close icon to direct users to additional information or actions.

File Sharing Modal

A modal dialog for file sharing. It includes a link to the file, a "Copy" button to copy the link easily, and options to invite collaborators or publish the file for public viewing.

File Upload Modal with Progress Bar

This is a file upload modal dialog featuring a drag-and-drop area, file size limit information, a list of uploaded files with details (including upload progress), and actions like "Remove upload." It also includes a cancel button and an action button, "Upload Files."

User Management Modal

A modal dialog for managing user access in an application. This style features a list of current users with roles, a form for inviting new users by email, and a close button (the 'x' in the top right corner).

Warning Modal with Confirmation Button

A modal dialog box designed to warn users about deactivating their accounts. It features a warning icon, a message explaining the consequences of deactivation, and two buttons.