Modals
Multipurpose and configurable modals you could use anywhere with simple HTML codes.
You could use any HTML codes, regular texts, image, short codes as modal content.
Modal Examples:
Simple TINY modal demo:
Click Launch Modal to see an example with simple content.
Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut lobortis lorem nec magna tincidunt placerat. Donec pellentesque, velit vel posuere ultrices, ante dui mattis nisi, non suscipit nulla tortor tincidunt turpis. Cras id nisl eget eros aliquet elementum sed sit amet massa. Suspendisse at mi augue.
Simple MINI modal demo with form:
Sign Up to our newsletter to get notified about new products and promotions.
Sign up to our newsletter
Enter your name and email to sign up. We promise, you won’t receive junk email from us.
Standard modal with image, texts and actions demo:
Click to see an example with image, texts and action buttons.
Handbags for Women, Multicolor Stripe Leisure Canvas Shoulder Bag
Suspendisse consectetur ut sapien id sollicitudin. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec id porta nunc. Cras egestas nibh eu ex blandit eleifend. Nam cursus pellentesque ipsum, in fermentum lectus pulvinar ut. Donec convallis lacinia leo, eu cursus mauris. Cras ut efficitur mauris, ut aliquam sapien. Nullam rutrum eros elit, non fermentum enim venenatis eu. Duis blandit est et ligula aliquet sollicitudin.
Nulla ornare lobortis lobortis. Etiam efficitur, nisi tincidunt molestie auctor, odio urna euismod orci, eget vulputate sem orci vel ante.
Modal with TRANSPARENT BACKGROUND demo:
Scrolling Modal demo:
When your modal content exceeds the height of the browser the scrollable area will automatically expand to include just enough space for scrolling, without scrolling the page below.
Read our terms & conditions before continue
This is an example of expanded content that will cause the modal’s dimmer to scroll
Modal demo with Internally Scrolling Content:
When your modal content exceeds the height of the browser the scrollable area will automatically expand to include just enough space for scrolling, without scrolling the page below.
Read our terms & conditions before continue
This is an example of expanded content that will cause the modal’s dimmer to scroll
Modal Size
Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sed erat sem. Sed dignissim ipsum augue, at viverra enim tincidunt ac. Cras efficitur pellentesque fringilla. Donec non sodales nibh, semper fringilla quam. Vivamus vulputate, mi vitae tincidunt commodo, mauris mi imperdiet augue, vel faucibus mi ex a odio.
Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sed erat sem. Sed dignissim ipsum augue, at viverra enim tincidunt ac. Cras efficitur pellentesque fringilla.
Donec non sodales nibh, semper fringilla quam. Vivamus vulputate, mi vitae tincidunt commodo, mauris mi imperdiet augue, vel faucibus mi ex a odio. Maecenas varius tellus nibh, vitae fermentum turpis congue sed. Praesent luctus, mi non laoreet varius, mauris lacus volutpat turpis, a facilisis dui leo vel lacus. Aenean diam lectus, hendrerit et sollicitudin a, elementum a sapien.
Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sed erat sem. Sed dignissim ipsum augue, at viverra enim tincidunt ac. Cras efficitur pellentesque fringilla.
Donec non sodales nibh, semper fringilla quam. Vivamus vulputate, mi vitae tincidunt commodo, mauris mi imperdiet augue, vel faucibus mi ex a odio. Maecenas varius tellus nibh, vitae fermentum turpis congue sed. Praesent luctus, mi non laoreet varius, mauris lacus volutpat turpis, a facilisis dui leo vel lacus. Aenean diam lectus, hendrerit et sollicitudin a, elementum a sapien.
Nullam non ex dui. Maecenas lobortis lacus sed nisl porta, ac ultricies risus congue. Suspendisse ac pellentesque ante, ac suscipit risus. Proin semper rutrum purus sit amet maximus. Quisque enim leo, commodo pretium hendrerit congue, tempor in ante. Integer dapibus vulputate fringilla. Quisque vestibulum sollicitudin finibus. Cras scelerisque auctor nisi, non mollis tortor. Maecenas hendrerit vehicula volutpat.
Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sed erat sem. Sed dignissim ipsum augue, at viverra enim tincidunt ac. Cras efficitur pellentesque fringilla.
Donec non sodales nibh, semper fringilla quam. Vivamus vulputate, mi vitae tincidunt commodo, mauris mi imperdiet augue, vel faucibus mi ex a odio. Maecenas varius tellus nibh, vitae fermentum turpis congue sed. Praesent luctus, mi non laoreet varius, mauris lacus volutpat turpis, a facilisis dui leo vel lacus. Aenean diam lectus, hendrerit et sollicitudin a, elementum a sapien.
Nullam non ex dui. Maecenas lobortis lacus sed nisl porta, ac ultricies risus congue. Suspendisse ac pellentesque ante, ac suscipit risus. Proin semper rutrum purus sit amet maximus. Quisque enim leo, commodo pretium hendrerit congue, tempor in ante. Integer dapibus vulputate fringilla. Quisque vestibulum sollicitudin finibus. Cras scelerisque auctor nisi, non mollis tortor. Maecenas hendrerit vehicula volutpat. In ultrices, turpis a sodales tristique, est nisl tempor massa, quis mollis tellus neque sed dui. Nunc vehicula condimentum lectus sed tempor. Suspendisse porttitor ultricies enim, at semper justo facilisis in. Praesent volutpat nisl at risus aliquet, ac vehicula dui tincidunt. Vivamus tempor, dolor sed interdum suscipit, magna sem tincidunt purus, et consequat libero eros ac sapien. Curabitur aliquam sapien sit amet nibh fringilla tempus. Proin a rutrum turpis, quis tristique arcu.
Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sed erat sem. Sed dignissim ipsum augue, at viverra enim tincidunt ac. Cras efficitur pellentesque fringilla. Donec non sodales nibh, semper fringilla quam. Vivamus vulputate, mi vitae tincidunt commodo, mauris mi imperdiet augue, vel faucibus mi ex a odio. Maecenas varius tellus nibh, vitae fermentum turpis congue sed. Praesent luctus, mi non laoreet varius, mauris lacus volutpat turpis, a facilisis dui leo vel lacus. Aenean diam lectus, hendrerit et sollicitudin a, elementum a sapien. Donec et nulla et nulla fringilla commodo id in diam. Donec vitae interdum turpis. Duis sit amet auctor enim. Nullam nibh lectus, convallis id dignissim a, vulputate ut nulla. Morbi quis erat sollicitudin, feugiat tortor porttitor, efficitur magna.
Nullam non ex dui. Maecenas lobortis lacus sed nisl porta, ac ultricies risus congue. Suspendisse ac pellentesque ante, ac suscipit risus. Proin semper rutrum purus sit amet maximus. Quisque enim leo, commodo pretium hendrerit congue, tempor in ante. Integer dapibus vulputate fringilla. Quisque vestibulum sollicitudin finibus. Cras scelerisque auctor nisi, non mollis tortor. Maecenas hendrerit vehicula volutpat. In ultrices, turpis a sodales tristique, est nisl tempor massa, quis mollis tellus neque sed dui. Nunc vehicula condimentum lectus sed tempor. Suspendisse porttitor ultricies enim, at semper justo facilisis in. Praesent volutpat nisl at risus aliquet, ac vehicula dui tincidunt. Vivamus tempor, dolor sed interdum suscipit, magna sem tincidunt purus, et consequat libero eros ac sapien. Curabitur aliquam sapien sit amet nibh fringilla tempus. Proin a rutrum turpis, quis tristique arcu.
