Flash Message Library Demo

Customize position and colors dynamically!

Position

Theme Presets

Try Messages

Custom Theme Example

const customTheme = {
  success: { bg: "#22c55e", dark: "#16a34a", text: "#ffffff" },
  error: { bg: "#ec4899", dark: "#db2777", text: "#ffffff" },
  info: { bg: "#06b6d4", dark: "#0891b2", text: "#ffffff" },
  warning: { bg: "#eab308", dark: "#ca8a04", text: "#000000" }
};

setTheme(customTheme);