Cover illustration. The files are listed under What's inside.
Modal Window UI Pack
Confirmation, form and multi-step modals in four desktop widths, plus side drawers and mobile bottom sheets built on one shared structure.
Fits your $30 budget
Added to your cart.View your cart
- Includes the Standard license: personal, commercial and client work for one person.
- Instant download after payment, plus an email with links that stay active for 30 days.
- Refund within 14 days if you haven't downloaded it yet, if it doesn't work in the supported software listed here, or if it's faulty and we can't fix it.
- Contents
- 22 components
- File formats
- .fig, .sketch, .png
- Supported software
- Figma, Sketch
- Download size
- 8 MB
- Good for
- Confirmation flows
- Inline editing forms
- Mobile bottom sheets
About this product
All 22 components share one header, body and footer structure: confirmation and destructive dialogs, form modals, a three-step modal, a media lightbox, a share dialog, a success message, side drawers and mobile bottom sheets. Desktop modals come in 400, 560, 720 and 960 px widths over a 48% black overlay, and the destructive dialog includes a type-to-confirm input.
Bodies grow with auto layout until the modal reaches its maximum height; past that point the body scrolls while the header and footer stay fixed. A Figma prototype opens and closes every overlay in both light and dark versions, so product designers can put a flow in front of test participants without wiring up the interactions first.
What's inside
- 22 components sharing one header, body and footer structure
- Desktop widths of 400, 560, 720 and 960 px
- Side drawers and bottom sheets for smaller screens
- Destructive confirmation with a type-to-confirm input
- Light and dark versions with a working overlay prototype
License
Standard license
Included with every purchase
For one person. Use the assets in unlimited personal and commercial projects, including work you deliver to clients.
Allowed
- Design a client's website with a UI kit and hand over the finished site
- Use the same asset in as many of your projects as you like
- Build your startup's pitch deck from a presentation template
- Use an icon set throughout your company's web app
Not allowed
- Reselling, sharing, sublicensing or giving away the files, as they are or modified, for example on stock sites or marketplaces
- Uploading the files anywhere others can download or extract them, such as a public repository
- Letting several people work from one Standard license (a Team license covers that)
- Selling print-on-demand merchandise or templates built on the assets without an Extended license