MetraUI - Bootstrap 5 Premium Admin & Dashboard Template

Alert playground

Choose a message type and preview a dismissible alert.

Message type

Message

Status messages

Clear feedback for everyday actions.

Workspace updated

Your latest workspace settings are ready to use.

Changes saved

Your profile changes have been saved successfully.

Review required

Check the billing details before submitting your invoice.

Upload unsuccessful

The file could not be uploaded. Please try again.

Contextual notices

Keep helpful information close to the task.

A helpful tip

Use project filters to find the tasks assigned to you.

Request queued

Your export is being prepared in the background.

No new updates

Your notifications are up to date.

Session protected

Your account is connected through a secure session.

Alerts with actions

Provide a useful next step inside the message.

Invoice needs your attention

Review the client details and payment terms before preparing the invoice.

Review invoice

Make your profile easier to find

Add your role, location, and a short introduction.

Update profile

Dismissible & detailed

Close a notice when it is no longer needed.

Export complete

Your invoice records are ready for download.

Please check these details

Enter a valid client email address.
Add at least one invoice item.
Choose a due date after the issue date.

Compact notices

Small messages for inline feedback.

Primary notice: your workspace has a new update.

Secondary notice: your workspace has a new update.

Success notice: your workspace has a new update.

Danger notice: your workspace has a new update.

Warning notice: your workspace has a new update.

Info notice: your workspace has a new update.

Outline messages

Subtle borders with theme accents.

Primary / Review the latest account information.

Secondary / Review the latest account information.

Success / Review the latest account information.

Danger / Review the latest account information.

Warning / Review the latest account information.

Info / Review the latest account information.

Accent notices

A quiet surface with a colored edge.

Backup complete

All workspace files were backed up successfully.

Scheduled maintenance

Some services may pause briefly during the next update.

Connection interrupted

Reconnect to continue syncing your latest changes.

Rich notifications

An avatar, context, and a clear destination.

Liam shared a project update

The onboarding roadmap is ready for team review.

View profile

Release notesVersion 2.4

A better workspace experience

Updated navigation, clearer reports, and improved mobile layouts are ready to explore.

Progress feedback

Show work in progress beside its status.

Preparing your report

Collecting the latest workspace metrics.

65% complete

File validation complete

All 12 files passed the format and size checks.

Timed notification

Preview a message that closes automatically.

Show a success notice for five seconds. Hover or focus on it to pause the timer.

Restore a dismissed alert

Bring a message back after closing it.

Your profile is missing a contact email.

Checklist notice

Group related information in one message.

Before you publish

Review the project title and description.

Confirm the owner and due date.

Check that the team has the right access.

Workspace appearance

Shopping bag 5

$90

$60

$375

$150

$35

Alerts