Redirecting to PayPal

Can't find the right component?

Describe it and Shuffle AI builds it in seconds, ready to edit and export.

Free to start Generate with AI

Toasts Components in Mirga library

Browse 10 ready-made UI components available in Shuffle Editor.

Framework

UI Library

Components

Toasts from Mirga

Tailwind CSS

Mirga

Success Toast Notification with Checkmark

A rounded, light pill-shaped notification showing a circular checkmark icon, a thin vertical divider, and the message "Your settings have been saved." It communicates a successful action in a compact, single horizontal row.

<div class="fixed bottom-0 w-full z-50 p-6">
  <div class="bg-white max-w-max mx-auto rounded-6xl py-4 px-6 sm:px-10">
    <div class="flex items-center justify-center gap-5">
      <div class="w-auto">
        <div class="w-8 h-8 rounded-full border border-neutral-600 flex items-center justify-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="15" height="11" viewBox="0 0 15 11" fill="none"><line x1="0.353553" y1="5.64645" x2="4.35355" y2="9.64645" stroke="#19191B"></line><line x1="14.3536" y1="0.353553" x2="4.35355" y2="10.3536" stroke="#19191B"></line></svg>
        </div>
      </div>
      <div class="w-px h-10 bg-neutral-50"></div>
      <p class="text-neutral-600 font-medium tracking-tight">Your settings have been saved.</p>
    </div>
  </div>
</div>

Your next website starts here

Design with AI and generate multiple website concepts in minutes. Make it yours with Shuffle: tweak every detail in a visual editor.

Start with Multi-AI Designer

A landing page for a specialty coffee roastery|

Claude

GPT

Gemini

Describe your idea and compare designs from multiple AI models side by side. Try AI Design

Start with Visual Editor

Components Navigations Headers Features Pricing Footers

Header

Build from 13,400+ UI components and templates, then customize every detail. Try Visual Editor

EXPORT CODE TO THE TECH YOU LOVE

Next.js

Tailwind CSS

shadcn/ui

Laravel

WordPress

Shopify

Next.js

Tailwind CSS

shadcn/ui

Laravel

WordPress

Shopify

Toasts from Mirga

Bootstrap

Mirga

<div class="position-fixed top-0 start-0 w-100 bg-light" style="z-index: 50;">
  <div class="container py-12">
    <div class="d-flex justify-content-center">
      <div class="alert px-8 bg-white border-0 rounded-4" role="alert">
        <div class="d-flex align-items-center">
          <div class="flex-shrink-0 pe-6">
            <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="31" height="31" rx="15.5" stroke="#5B627C"></rect><line x1="9.35355" y1="16.6464" x2="13.3536" y2="20.6464" stroke="#19191B"></line><line x1="23.3536" y1="11.3536" x2="13.3536" y2="21.3536" stroke="#19191B"></line></svg>
          </div>
          <div class="py-2 ps-5 border-start">
            <span class="d-inline-block fw-semibold text-muted">Your settings have been saved.</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

Toasts Components by Shuffle

Choose from 10 variations of Toasts UI components. Presented here are variants available in Mirga library.

You will also find many other types of components in Shuffle Editor that will be in the same style. Each library has been designed by a professional designer and coded by our team of developers.

Get access to all Toasts UI components, code and our visual editor. Try the demo for free!

Try for Free →

The easiest way to create beautiful websites

Developer

Team License

monthly

$24/month

That's $0.80/day

annual

$99/year

That's $0.27/day

lifetime

$199/paid once

Best value

Lifetime License

Create an account

OR USE EMAIL

Pay with card

Pay with PayPal™

I agree to the terms of use and privacy policy.

We issue VAT invoices. Already have an account? Sign in

Why creators choose Shuffle

From idea to beautiful design in minutes.

Shuffle pairs an AI visual editor with 80+ UI libraries, so you can design, build and export production‑ready code without starting from scratch.

An AI Agent that builds with you Describe a page, watch it come to life, then fine-tune it visually or with a prompt.
Pick the best model for every task GPT-6 Astra, Claude Opus 5.5 and Gemini 3.8 in one place.
13,400+ professionally designed components Prefer building by hand? Drag in pixel-perfect sections crafted by professional designers.
Export to the stack you love Tailwind CSS, Bootstrap, Next.js, Laravel, WordPress and beyond.

“Its AI-powered features have transformed how I work! Designing and building websites has become faster, easier, and far more efficient.”

Est. 2019

Helping web builders ship since 2019 7 years of steady development.

Build websites faster with an AI Visual Editor

Redirecting to PayPal

Supporting tools

Plans

Toasts Components in Mirga library

Framework

UI Library

Components

Toasts from Mirga

Success Toast Notification with Checkmark

Your next website starts here

Toasts from Mirga

Toasts Components by Shuffle

The easiest way to create beautiful websites

How many people?

monthly

annual

lifetime

Create an account

From idea to beautiful design in minutes.

Get Shuffle for life at today's price

New in every Lifetime License

A more capable AI Agent

Shopify theme export

Multi-AI Designer

Make it yours with AI

Sign in to create with AI

Add images & videos

How it works

Products

UI Components

Extensions

Support

Company

Redirecting to PayPal

Shuffle's Editors

Supporting tools

Plans

Shuffle’s design systems

Most popular ui libraries

Flex

Zanrly

Saturn

Flaro

Gradia

Basko

Artemis

Vendia

Toasts Components in Mirga library

Framework

UI Library

Components

Toasts from Mirga

Success Toast Notification with Checkmark

Your next website starts here

Toasts from Mirga

Toasts Components by Shuffle

The easiest way to create beautiful websites

How many people?

monthly

annual

lifetime

Create an account

From idea to beautiful design in minutes.

Products

UI Components

Extensions

Support

Company