Modals - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.

Source code Sponsor

Notifications

Example 1

Change deprecated html tags to text decoration classes (#29604)

Example 2

justify-content:between ⇒ justify-content:space-between (#29734)

Example 3

Update change-version.js (#29736)

Example 4

Regenerate package-lock.json (#29730)

Archive all

Mark all as read

My Apps

Apple App Store

Google Analytics

Google Shopping

Status Profile Feedback

Settings Logout

Home
Interface

Accordion New Alerts
Authentication
Sign in Sign in link Sign in with illustration Sign in with cover Sign up Forgot password Terms of service Lock screen 2 step verification 2 step verification code

Avatars New Badges Blank page Buttons
Cards
Sample cards Card actions New Cards Masonry

Carousel Colors Data grid Dropdowns
Error pages
404 page 500 page Maintenance page

Lists Modals

Markdown Navigation Offcanvas Pagination Placeholder Segmented control New Scroll spy New Social icons Stars rating Steps Tables Tabs Tags Toasts Typography
Form elements
Extra

Activity Chat Cookie banner Empty page FAQ Gallery Invoice Job listing License Logs Marketing Music Page loader

Photogrid Pricing cards Pricing table Search results Settings Signatures New Tasks Text features New Trial ended Uptime monitor Users Widgets Wizard
Layout

Boxed Combined Condensed Fluid Fluid vertical Horizontal Navbar dark

Navbar overlap Navbar sticky Right vertical RTL mode Vertical Vertical transparent
Plugins
Charts Color picker Datatables Dropzone Inline player Lightbox Map Map fullsize Map vector WYSIWYG editor
Addons
Icons Emails Flags Illustrations Payment providers
Help
Documentation Changelog Source code Sponsor project!

New Settings

Modals

Simple modal Large modal Small modal Full width modal Scrollable modal Modal with form Success modal Danger modal Modal with simple form Modal with signature form

Simple modal

Modal title

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci animi beatae delectus deleniti dolorem eveniet facere fuga iste nemo nesciunt nihil odio perspiciatis, quia quis reprehenderit sit tempora totam unde.

Large modal

Large modal

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci animi beatae delectus deleniti dolorem eveniet facere fuga iste nemo nesciunt nihil odio perspiciatis, quia quis reprehenderit sit tempora totam unde.

Small modal

Are you sure?

If you proceed, you will lose all your personal data.

Full width modal

Full width modal

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci animi beatae delectus deleniti dolorem eveniet facere fuga iste nemo nesciunt nihil odio perspiciatis, quia quis reprehenderit sit tempora totam unde.

Scrollable modal

Scrollable modal

Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.

Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.

Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.

Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.

Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.

Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.

Modal with form

New report

Name

Report type

Simple Provide only basic data needed for the report

Advanced Insert charts and additional advanced analyses to be inserted in the report

Report url

https://tabler.io/reports/

Visibility

Client name

Reporting period

Additional information

Cancel Create new report

Success modal

Payment succedeed

Your payment of $290 has been successfully submitted. Your invoice has been sent to [email protected].

Go to dashboard

View invoice

Danger modal

Are you sure?

Do you really want to remove 84 files? What you've done cannot be undone.

Cancel

Delete 84 items

Modal with simple form

Add a new team

Name

Pick your team color

Additional info

Modal with signature form

Confirm transfer

Please confirm the transfer of funds by signing below.

Signature

I agree that the signature and initials will be the electronic representation of my signature and initials for all purposes when I (or my agent) use them on documents, including legally binding contracts - just the same as a pen-and-paper signature or initial.

Documentation
License
Source code
Sponsor

Copyright © 2025 Tabler. All rights reserved.
Generated 2025-04-23 16:59 +0000

Theme Builder

Color mode

Choose the color mode for your app.

Light

Dark

Color scheme

The perfect color mode for your app.

Font family

Choose the font family that fits your app.

Sans-serif

Serif

Monospace

Comic

Theme base

Choose the gray shade for your app.

Slate

Gray

Zinc

Neutral

Stone

Corner Radius

Choose the border radius factory for your app.

0

0.5

1

1.5

2