diff --git a/ReactWithDotNet.WebSite/Components/GradientText.cs b/ReactWithDotNet.WebSite/Components/GradientText.cs
new file mode 100644
index 00000000..86ea9d4c
--- /dev/null
+++ b/ReactWithDotNet.WebSite/Components/GradientText.cs
@@ -0,0 +1,18 @@
+namespace ReactWithDotNet.WebSite.Components;
+
+sealed class GradientText : PureComponent
+{
+    protected override Element render()
+    {
+        return new span
+        {
+            children,
+            
+            PaddingLeftRight(3),
+            WebkitTextFillColor(transparent),
+            Background(linear_gradientTo("right", Blue400, Blue600)),
+            BackgroundClipText,
+            WebkitBackgroundClipText
+        };
+    }
+}
\ No newline at end of file