diff --git a/ui/components/src/main/scala/works/iterative/ui/components/tailwind/Alert.scala b/ui/components/src/main/scala/works/iterative/ui/components/tailwind/Alert.scala
index e7904f3..50987a1 100644
--- a/ui/components/src/main/scala/works/iterative/ui/components/tailwind/Alert.scala
+++ b/ui/components/src/main/scala/works/iterative/ui/components/tailwind/Alert.scala
@@ -9,6 +9,23 @@
     case Warning extends Kind(Color.yellow, Icons.solid.exclamation(_))
     case Success extends Kind(Color.green, Icons.solid.`check-circle`(_))
 
+  def success(title: String | HtmlElement) = Alert(Kind.Success, title)
+
+  def success(title: String | HtmlElement, content: String | HtmlElement) =
+    Alert(Kind.Success, title, Some(content))
+
+  def warning(title: String | HtmlElement) = Alert(Kind.Warning, title)
+
+  def warning(title: String | HtmlElement, content: String | HtmlElement) =
+    Alert(Kind.Warning, title, Some(content))
+
+  def error(title: String | HtmlElement) = Alert(Kind.Error, title)
+
+  def error(title: String | HtmlElement, content: String | HtmlElement) =
+    Alert(Kind.Error, title, Some(content))
+
+  given Conversion[Alert, HtmlElement] = _.element
+
 import Alert.*
 
 case class Alert(