diff --git a/src/Avalonia/HandyControlDemo_Avalonia/Data/DemoInfo.json b/src/Avalonia/HandyControlDemo_Avalonia/Data/DemoInfo.json
index a9998037..93e909e6 100644
--- a/src/Avalonia/HandyControlDemo_Avalonia/Data/DemoInfo.json
+++ b/src/Avalonia/HandyControlDemo_Avalonia/Data/DemoInfo.json
@@ -9,6 +9,7 @@
       [ "RepeatButton", "RepeatButtonDemo", "Brush.RepeatButton", "", "" ],
       [ "ToggleButton", "ToggleButtonDemo", "Brush.Toggle", "", "" ],
       [ "RadioButton", "RadioButtonDemo", "Brush.RadioButton", "", "" ],
+      [ "HyperlinkButton", "HyperlinkButtonDemo", "Brush.Hyperlink", "", "" ],
       [ "CheckBox", "CheckBoxDemo", "Brush.CheckBoxChecked", "", "" ],
       [ "ScrollViewer", "NativeScrollViewerDemo", "Brush.ScrollBox", "", "" ],
       [ "Slider", "SliderDemo", "Brush.Slider", "", "" ],
diff --git a/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.Designer.cs b/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.Designer.cs
index ab7f6dd8..91ca2521 100644
--- a/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.Designer.cs
+++ b/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.Designer.cs
@@ -1,7 +1,6 @@
 //------------------------------------------------------------------------------
 // <auto-generated>
 //     This code was generated by a tool.
-//     Runtime Version:4.0.30319.42000
 //
 //     Changes to this file may cause incorrect behavior and will be lost if
 //     the code is regenerated.
@@ -108,9 +107,9 @@ namespace HandyControlDemo.Properties.Langs {
         /// <summary>
         ///   Looks up a localized string similar to 自动补全文本框.
         /// </summary>
-        public static string AutoCompleteTextBox {
+        public static string AutoCompleteBox {
             get {
-                return ResourceManager.GetString("AutoCompleteTextBox", resourceCulture);
+                return ResourceManager.GetString("AutoCompleteBox", resourceCulture);
             }
         }
         
@@ -915,6 +914,15 @@ namespace HandyControlDemo.Properties.Langs {
             }
         }
         
+        /// <summary>
+        ///   Looks up a localized string similar to 超链接按钮.
+        /// </summary>
+        public static string HyperlinkButton {
+            get {
+                return ResourceManager.GetString("HyperlinkButton", resourceCulture);
+            }
+        }
+        
         /// <summary>
         ///   Looks up a localized string similar to 忽略.
         /// </summary>
@@ -1089,7 +1097,7 @@ namespace HandyControlDemo.Properties.Langs {
         /// <summary>
         ///   Looks up a localized string similar to 变形动画.
         /// </summary>
-        public static string Morphing_Animation {
+        public static string MorphingAnimation {
             get {
                 return ResourceManager.GetString("MorphingAnimation", resourceCulture);
             }
diff --git a/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.ca-ES.resx b/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.ca-ES.resx
index abf87bfa..32b0dbcd 100644
--- a/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.ca-ES.resx
+++ b/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.ca-ES.resx
@@ -798,8 +798,8 @@
   <data name="ElementGroup" xml:space="preserve">
     <value>ElementGroup</value>
   </data>
-  <data name="AutoCompleteTextBox" xml:space="preserve">
-    <value>AutoCompleteTextBox</value>
+  <data name="AutoCompleteBox" xml:space="preserve">
+    <value>AutoCompleteBox</value>
   </data>
   <data name="Watermark" xml:space="preserve">
     <value>Watermark</value>
@@ -807,4 +807,7 @@
   <data name="CloseMainWindowDialog" xml:space="preserve">
     <value>Close main window dialog</value>
   </data>
+  <data name="HyperlinkButton" xml:space="preserve">
+    <value>HyperlinkButton</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.cs.resx b/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.cs.resx
index 9650c8f3..b74e6316 100644
--- a/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.cs.resx
+++ b/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.cs.resx
@@ -798,8 +798,8 @@
   <data name="ElementGroup" xml:space="preserve">
     <value>ElementGroup</value>
   </data>
-  <data name="AutoCompleteTextBox" xml:space="preserve">
-    <value>AutoCompleteTextBox</value>
+  <data name="AutoCompleteBox" xml:space="preserve">
+    <value>AutoCompleteBox</value>
   </data>
   <data name="Watermark" xml:space="preserve">
     <value>Watermark</value>
@@ -807,4 +807,7 @@
   <data name="CloseMainWindowDialog" xml:space="preserve">
     <value>Close main window dialog</value>
   </data>
+  <data name="HyperlinkButton" xml:space="preserve">
+    <value>HyperlinkButton</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.en.resx b/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.en.resx
index ce4088e2..f235066f 100644
--- a/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.en.resx
+++ b/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.en.resx
@@ -798,8 +798,8 @@
   <data name="ElementGroup" xml:space="preserve">
     <value>ElementGroup</value>
   </data>
-  <data name="AutoCompleteTextBox" xml:space="preserve">
-    <value>AutoCompleteTextBox</value>
+  <data name="AutoCompleteBox" xml:space="preserve">
+    <value>AutoCompleteBox</value>
   </data>
   <data name="Watermark" xml:space="preserve">
     <value>Watermark</value>
@@ -807,4 +807,7 @@
   <data name="CloseMainWindowDialog" xml:space="preserve">
     <value>Close main window dialog</value>
   </data>
+  <data name="HyperlinkButton" xml:space="preserve">
+    <value>HyperlinkButton</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.es.resx b/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.es.resx
index 2f4f9ef2..ff6a056e 100644
--- a/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.es.resx
+++ b/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.es.resx
@@ -798,8 +798,8 @@
   <data name="ElementGroup" xml:space="preserve">
     <value>ElementGroup</value>
   </data>
-  <data name="AutoCompleteTextBox" xml:space="preserve">
-    <value>AutoCompleteTextBox</value>
+  <data name="AutoCompleteBox" xml:space="preserve">
+    <value>AutoCompleteBox</value>
   </data>
   <data name="Watermark" xml:space="preserve">
     <value>Watermark</value>
@@ -807,4 +807,7 @@
   <data name="CloseMainWindowDialog" xml:space="preserve">
     <value>Close main window dialog</value>
   </data>
+  <data name="HyperlinkButton" xml:space="preserve">
+    <value>HyperlinkButton</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.fa.resx b/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.fa.resx
index b487c080..17fc8176 100644
--- a/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.fa.resx
+++ b/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.fa.resx
@@ -798,8 +798,8 @@
   <data name="ElementGroup" xml:space="preserve">
     <value>ElementGroup</value>
   </data>
-  <data name="AutoCompleteTextBox" xml:space="preserve">
-    <value>AutoCompleteTextBox</value>
+  <data name="AutoCompleteBox" xml:space="preserve">
+    <value>AutoCompleteBox</value>
   </data>
   <data name="Watermark" xml:space="preserve">
     <value>Watermark</value>
@@ -807,4 +807,7 @@
   <data name="CloseMainWindowDialog" xml:space="preserve">
     <value>Close main window dialog</value>
   </data>
+  <data name="HyperlinkButton" xml:space="preserve">
+    <value>HyperlinkButton</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.fr.resx b/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.fr.resx
index 9bfff996..1a3ff505 100644
--- a/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.fr.resx
+++ b/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.fr.resx
@@ -798,8 +798,8 @@
   <data name="ElementGroup" xml:space="preserve">
     <value>ElementGroup</value>
   </data>
-  <data name="AutoCompleteTextBox" xml:space="preserve">
-    <value>AutoCompleteTextBox</value>
+  <data name="AutoCompleteBox" xml:space="preserve">
+    <value>AutoCompleteBox</value>
   </data>
   <data name="Watermark" xml:space="preserve">
     <value>Watermark</value>
@@ -807,4 +807,7 @@
   <data name="CloseMainWindowDialog" xml:space="preserve">
     <value>Close main window dialog</value>
   </data>
+  <data name="HyperlinkButton" xml:space="preserve">
+    <value>HyperlinkButton</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.ja.resx b/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.ja.resx
index 2d3561cd..06d6a4f9 100644
--- a/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.ja.resx
+++ b/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.ja.resx
@@ -798,8 +798,8 @@
   <data name="ElementGroup" xml:space="preserve">
     <value>ElementGroup</value>
   </data>
-  <data name="AutoCompleteTextBox" xml:space="preserve">
-    <value>AutoCompleteTextBox</value>
+  <data name="AutoCompleteBox" xml:space="preserve">
+    <value>AutoCompleteBox</value>
   </data>
   <data name="Watermark" xml:space="preserve">
     <value>Watermark</value>
@@ -807,4 +807,7 @@
   <data name="CloseMainWindowDialog" xml:space="preserve">
     <value>Close main window dialog</value>
   </data>
+  <data name="HyperlinkButton" xml:space="preserve">
+    <value>HyperlinkButton</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.ko-KR.resx b/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.ko-KR.resx
index 27f4884a..20c3f19c 100644
--- a/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.ko-KR.resx
+++ b/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.ko-KR.resx
@@ -798,8 +798,8 @@
   <data name="ElementGroup" xml:space="preserve">
     <value>ElementGroup</value>
   </data>
-  <data name="AutoCompleteTextBox" xml:space="preserve">
-    <value>AutoCompleteTextBox</value>
+  <data name="AutoCompleteBox" xml:space="preserve">
+    <value>AutoCompleteBox</value>
   </data>
   <data name="Watermark" xml:space="preserve">
     <value>Watermark</value>
@@ -807,4 +807,7 @@
   <data name="CloseMainWindowDialog" xml:space="preserve">
     <value>Close main window dialog</value>
   </data>
+  <data name="HyperlinkButton" xml:space="preserve">
+    <value>HyperlinkButton</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.pl.resx b/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.pl.resx
index ad1de443..ac5b5863 100644
--- a/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.pl.resx
+++ b/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.pl.resx
@@ -798,8 +798,8 @@
   <data name="ElementGroup" xml:space="preserve">
     <value>ElementGroup</value>
   </data>
-  <data name="AutoCompleteTextBox" xml:space="preserve">
-    <value>AutoCompleteTextBox</value>
+  <data name="AutoCompleteBox" xml:space="preserve">
+    <value>AutoCompleteBox</value>
   </data>
   <data name="Watermark" xml:space="preserve">
     <value>Watermark</value>
@@ -807,4 +807,7 @@
   <data name="CloseMainWindowDialog" xml:space="preserve">
     <value>Close main window dialog</value>
   </data>
+  <data name="HyperlinkButton" xml:space="preserve">
+    <value>HyperlinkButton</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.pt-BR.resx b/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.pt-BR.resx
index dc07fb49..6da8819f 100644
--- a/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.pt-BR.resx
+++ b/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.pt-BR.resx
@@ -798,8 +798,8 @@
   <data name="ElementGroup" xml:space="preserve">
     <value>ElementGroup</value>
   </data>
-  <data name="AutoCompleteTextBox" xml:space="preserve">
-    <value>AutoCompleteTextBox</value>
+  <data name="AutoCompleteBox" xml:space="preserve">
+    <value>AutoCompleteBox</value>
   </data>
   <data name="Watermark" xml:space="preserve">
     <value>Watermark</value>
@@ -807,4 +807,7 @@
   <data name="CloseMainWindowDialog" xml:space="preserve">
     <value>Close main window dialog</value>
   </data>
+  <data name="HyperlinkButton" xml:space="preserve">
+    <value>HyperlinkButton</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.resx b/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.resx
index 14df4a3e..ab76d133 100644
--- a/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.resx
+++ b/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.resx
@@ -132,7 +132,7 @@
   <data name="Ask" xml:space="preserve">
     <value>询问</value>
   </data>
-  <data name="AutoCompleteTextBox" xml:space="preserve">
+  <data name="AutoCompleteBox" xml:space="preserve">
     <value>自动补全文本框</value>
   </data>
   <data name="Badge" xml:space="preserve">
@@ -807,4 +807,7 @@
   <data name="Window" xml:space="preserve">
     <value>窗口</value>
   </data>
+  <data name="HyperlinkButton" xml:space="preserve">
+    <value>超链接按钮</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.ru.resx b/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.ru.resx
index 33cf85cf..a2c03115 100644
--- a/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.ru.resx
+++ b/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.ru.resx
@@ -798,8 +798,8 @@
   <data name="ElementGroup" xml:space="preserve">
     <value>ElementGroup</value>
   </data>
-  <data name="AutoCompleteTextBox" xml:space="preserve">
-    <value>AutoCompleteTextBox</value>
+  <data name="AutoCompleteBox" xml:space="preserve">
+    <value>AutoCompleteBox</value>
   </data>
   <data name="Watermark" xml:space="preserve">
     <value>Watermark</value>
@@ -807,4 +807,7 @@
   <data name="CloseMainWindowDialog" xml:space="preserve">
     <value>Close main window dialog</value>
   </data>
+  <data name="HyperlinkButton" xml:space="preserve">
+    <value>HyperlinkButton</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.tr.resx b/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.tr.resx
index 59cc0321..458a46b7 100644
--- a/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.tr.resx
+++ b/src/Avalonia/HandyControlDemo_Avalonia/Properties/Langs/Lang.tr.resx
@@ -798,8 +798,8 @@
   <data name="ElementGroup" xml:space="preserve">
     <value>ElementGroup</value>
   </data>
-  <data name="AutoCompleteTextBox" xml:space="preserve">
-    <value>AutoCompleteTextBox</value>
+  <data name="AutoCompleteBox" xml:space="preserve">
+    <value>AutoCompleteBox</value>
   </data>
   <data name="Watermark" xml:space="preserve">
     <value>Watermark</value>
@@ -807,4 +807,7 @@
   <data name="CloseMainWindowDialog" xml:space="preserve">
     <value>Close main window dialog</value>
   </data>
+  <data name="HyperlinkButton" xml:space="preserve">
+    <value>HyperlinkButton</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Avalonia/HandyControlDemo_Avalonia/Resources/Themes/Basic/Brushes.axaml b/src/Avalonia/HandyControlDemo_Avalonia/Resources/Themes/Basic/Brushes.axaml
index 6c3d12ce..36cbf4fe 100644
--- a/src/Avalonia/HandyControlDemo_Avalonia/Resources/Themes/Basic/Brushes.axaml
+++ b/src/Avalonia/HandyControlDemo_Avalonia/Resources/Themes/Basic/Brushes.axaml
@@ -1866,5 +1866,20 @@
             </DrawingGroup>
         </DrawingBrush.Drawing>
     </DrawingBrush>
+
+    <DrawingBrush x:Key="Brush.Hyperlink">
+        <DrawingBrush.Drawing>
+            <DrawingGroup>
+                <DrawingGroup.Children>
+                    <GeometryDrawing Brush="#00FFFFFF"
+                                     Geometry="F1M16,16L0,16 0,0 16,0z" />
+                    <GeometryDrawing Brush="#FFF6F6F6"
+                                     Geometry="F1M6.2793,-0.000199999999999534L1.6123,13.9998 2.0003,13.9998 2.0003,15.9998 14.0003,15.9998 14.0003,13.9998 14.3873,13.9998 9.7213,-0.000199999999999534z" />
+                    <GeometryDrawing Brush="#FF00529C"
+                                     Geometry="F1M3,14L13,14 13,15 3,15z M8,4L9.333,8 6.667,8z M6,10L10,10 11,13 13,13 9,1 7,1 3,13 5,13z" />
+                </DrawingGroup.Children>
+            </DrawingGroup>
+        </DrawingBrush.Drawing>
+    </DrawingBrush>
     <!--endregion-->
 </ResourceDictionary>
diff --git a/src/Avalonia/HandyControlDemo_Avalonia/UserControl/Styles/CheckBoxDemo.axaml b/src/Avalonia/HandyControlDemo_Avalonia/UserControl/Styles/CheckBoxDemo.axaml
index 13f55b5d..7af7957f 100644
--- a/src/Avalonia/HandyControlDemo_Avalonia/UserControl/Styles/CheckBoxDemo.axaml
+++ b/src/Avalonia/HandyControlDemo_Avalonia/UserControl/Styles/CheckBoxDemo.axaml
@@ -1,26 +1,24 @@
 <UserControl xmlns="https://github.com/avaloniaui"
              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:hc="https://handyorg.github.io/handycontrol"
              x:Class="HandyControlDemo.UserControl.CheckBoxDemo">
-    <StackPanel Margin="32"
-                HorizontalAlignment="Center"
-                VerticalAlignment="Center">
+    <hc:UniformSpacingPanel Margin="32"
+                            Spacing="16"
+                            Orientation="Vertical"
+                            HorizontalAlignment="Center"
+                            VerticalAlignment="Center">
         <CheckBox Content="CheckBox"
                   IsChecked="True" />
-        <CheckBox Margin="0,16,0,0"
-                  Content="CheckBox"
+        <CheckBox Content="CheckBox"
                   IsChecked="True"
                   IsEnabled="False" />
-        <CheckBox Margin="0,16,0,0"
-                  Content="CheckBox" />
-        <CheckBox Margin="0,16,0,0"
-                  Content="CheckBox"
+        <CheckBox Content="CheckBox" />
+        <CheckBox Content="CheckBox"
                   IsEnabled="False" />
-        <CheckBox Margin="0,16,0,0"
-                  Content="CheckBox"
+        <CheckBox Content="CheckBox"
                   IsChecked="{x:Null}" />
-        <CheckBox Margin="0,16,0,0"
-                  Content="CheckBox"
+        <CheckBox Content="CheckBox"
                   IsChecked="{x:Null}"
                   IsEnabled="False" />
-    </StackPanel>
+    </hc:UniformSpacingPanel>
 </UserControl>
diff --git a/src/Avalonia/HandyControlDemo_Avalonia/UserControl/Styles/HyperlinkButtonDemo.axaml b/src/Avalonia/HandyControlDemo_Avalonia/UserControl/Styles/HyperlinkButtonDemo.axaml
new file mode 100644
index 00000000..bcfb27d5
--- /dev/null
+++ b/src/Avalonia/HandyControlDemo_Avalonia/UserControl/Styles/HyperlinkButtonDemo.axaml
@@ -0,0 +1,69 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:hc="https://handyorg.github.io/handycontrol"
+             x:Class="HandyControlDemo.UserControl.HyperlinkButtonDemo">
+    <hc:UniformSpacingPanel Margin="32"
+                            Spacing="32"
+                            HorizontalAlignment="Center"
+                            VerticalAlignment="Center"
+                            ItemVerticalAlignment="Top">
+        <Border Theme="{StaticResource BorderRegion}">
+            <hc:UniformSpacingPanel Spacing="16"
+                                    Orientation="Vertical">
+                <HyperlinkButton Content="HandyControl"
+                                 NavigateUri="https://github.com/HandyOrg/HandyControl" />
+                <HyperlinkButton Content="HandyControl"
+                                 NavigateUri="https://github.com/HandyOrg/HandyControl"
+                                 IsEnabled="False" />
+
+                <HyperlinkButton Content="HandyControl"
+                                 Classes="ghost"
+                                 NavigateUri="https://github.com/HandyOrg/HandyControl" />
+                <HyperlinkButton Content="HandyControl"
+                                 Classes="ghost primary"
+                                 NavigateUri="https://github.com/HandyOrg/HandyControl" />
+                <HyperlinkButton Content="HandyControl"
+                                 Classes="ghost success"
+                                 NavigateUri="https://github.com/HandyOrg/HandyControl" />
+                <HyperlinkButton Content="HandyControl"
+                                 Classes="ghost info"
+                                 NavigateUri="https://github.com/HandyOrg/HandyControl" />
+                <HyperlinkButton Content="HandyControl"
+                                 Classes="ghost warning"
+                                 NavigateUri="https://github.com/HandyOrg/HandyControl" />
+                <HyperlinkButton Content="HandyControl"
+                                 Classes="ghost danger"
+                                 NavigateUri="https://github.com/HandyOrg/HandyControl" />
+            </hc:UniformSpacingPanel>
+        </Border>
+        <Border Theme="{StaticResource BorderRegion}">
+            <hc:UniformSpacingPanel Spacing="16"+
+
+                                    Orientation="Vertical">
+                <HyperlinkButton Content="HandyControl"
+                                 Classes="small"
+                                 NavigateUri="https://github.com/HandyOrg/HandyControl" />
+                <HyperlinkButton Content="HandyControl"
+                                 Classes="small"
+                                 NavigateUri="https://github.com/HandyOrg/HandyControl"
+                                 IsEnabled="False" />
+
+                <HyperlinkButton Content="HandyControl"
+                                 Classes="ghost primary small"
+                                 NavigateUri="https://github.com/HandyOrg/HandyControl" />
+                <HyperlinkButton Content="HandyControl"
+                                 Classes="ghost success small"
+                                 NavigateUri="https://github.com/HandyOrg/HandyControl" />
+                <HyperlinkButton Content="HandyControl"
+                                 Classes="ghost info small"
+                                 NavigateUri="https://github.com/HandyOrg/HandyControl" />
+                <HyperlinkButton Content="HandyControl"
+                                 Classes="ghost warning small"
+                                 NavigateUri="https://github.com/HandyOrg/HandyControl" />
+                <HyperlinkButton Content="HandyControl"
+                                 Classes="ghost danger small"
+                                 NavigateUri="https://github.com/HandyOrg/HandyControl" />
+            </hc:UniformSpacingPanel>
+        </Border>
+    </hc:UniformSpacingPanel>
+</UserControl>
diff --git a/src/Avalonia/HandyControlDemo_Avalonia/UserControl/Styles/HyperlinkButtonDemo.axaml.cs b/src/Avalonia/HandyControlDemo_Avalonia/UserControl/Styles/HyperlinkButtonDemo.axaml.cs
new file mode 100644
index 00000000..b8355b57
--- /dev/null
+++ b/src/Avalonia/HandyControlDemo_Avalonia/UserControl/Styles/HyperlinkButtonDemo.axaml.cs
@@ -0,0 +1,9 @@
+namespace HandyControlDemo.UserControl;
+
+public partial class HyperlinkButtonDemo : Avalonia.Controls.UserControl
+{
+    public HyperlinkButtonDemo()
+    {
+        InitializeComponent();
+    }
+}
diff --git a/src/Avalonia/HandyControl_Avalonia/Controls/Attach/BackgroundSwitchElement.cs b/src/Avalonia/HandyControl_Avalonia/Controls/Attach/BackgroundSwitchElement.cs
index b8c3d82e..7db673b8 100644
--- a/src/Avalonia/HandyControl_Avalonia/Controls/Attach/BackgroundSwitchElement.cs
+++ b/src/Avalonia/HandyControl_Avalonia/Controls/Attach/BackgroundSwitchElement.cs
@@ -15,6 +15,16 @@ public class BackgroundSwitchElement
     public static IBrush GetMouseHoverBackground(AvaloniaObject element) =>
         element.GetValue(MouseHoverBackgroundProperty);
 
+    public static readonly AttachedProperty<IBrush> MouseHoverForegroundProperty =
+        AvaloniaProperty.RegisterAttached<BackgroundSwitchElement, AvaloniaObject, IBrush>("MouseHoverForeground",
+            defaultValue: Brushes.Transparent, inherits: true);
+
+    public static void SetMouseHoverForeground(AvaloniaObject element, IBrush value) =>
+        element.SetValue(MouseHoverForegroundProperty, value);
+
+    public static IBrush GetMouseHoverForeground(AvaloniaObject element) =>
+        element.GetValue(MouseHoverForegroundProperty);
+
     public static readonly AttachedProperty<IBrush> MouseDownBackgroundProperty =
         AvaloniaProperty.RegisterAttached<BackgroundSwitchElement, AvaloniaObject, IBrush>("MouseDownBackground",
             defaultValue: Brushes.Transparent, inherits: true);
diff --git a/src/Avalonia/HandyControl_Avalonia/Themes/Styles/HyperlinkButton.axaml b/src/Avalonia/HandyControl_Avalonia/Themes/Styles/HyperlinkButton.axaml
new file mode 100644
index 00000000..ad55d1bf
--- /dev/null
+++ b/src/Avalonia/HandyControl_Avalonia/Themes/Styles/HyperlinkButton.axaml
@@ -0,0 +1,73 @@
+<ResourceDictionary xmlns="https://github.com/avaloniaui"
+                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+                    x:ClassModifier="internal"
+                    xmlns:hc="clr-namespace:HandyControl.Controls">
+
+    <ControlTheme x:Key="HyperlinkButtonBaseStyle"
+                  TargetType="HyperlinkButton">
+        <Setter Property="Cursor"
+                Value="Hand" />
+        <Setter Property="Background"
+                Value="Transparent" />
+        <Setter Property="Foreground"
+                Value="{DynamicResource PrimaryTextBrush}" />
+        <Setter Property="BorderBrush"
+                Value="Transparent" />
+        <Setter Property="BorderThickness"
+                Value="0" />
+        <Setter Property="Height"
+                Value="{StaticResource DefaultControlHeight}" />
+        <Setter Property="Padding"
+                Value="{StaticResource DefaultControlPadding}" />
+        <Setter Property="HorizontalAlignment"
+                Value="Center" />
+        <Setter Property="VerticalAlignment"
+                Value="Center" />
+        <Setter Property="HorizontalContentAlignment"
+                Value="Center" />
+        <Setter Property="VerticalContentAlignment"
+                Value="Center" />
+        <Setter Property="TextBlock.TextDecorations"
+                Value="Underline" />
+        <Setter Property="hc:BorderElement.CornerRadius"
+                Value="{StaticResource DefaultCornerRadius}" />
+        <Setter Property="CornerRadius"
+                Value="{Binding $self.(hc:BorderElement.CornerRadius)}" />
+        <Setter Property="Template">
+            <ControlTemplate>
+                <ContentPresenter x:Name="PART_ContentPresenter"
+                                  Background="{TemplateBinding Background}"
+                                  BackgroundSizing="{TemplateBinding BackgroundSizing}"
+                                  BorderBrush="{TemplateBinding BorderBrush}"
+                                  BorderThickness="{TemplateBinding BorderThickness}"
+                                  CornerRadius="{TemplateBinding CornerRadius}"
+                                  Content="{TemplateBinding Content}"
+                                  ContentTemplate="{TemplateBinding ContentTemplate}"
+                                  Padding="{TemplateBinding Padding}"
+                                  RecognizesAccessKey="True"
+                                  HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"
+                                  VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}" />
+            </ControlTemplate>
+        </Setter>
+
+        <Style Selector="^:pointerover">
+            <Setter Property="Opacity"
+                    Value="0.9" />
+        </Style>
+
+        <Style Selector="^:pressed">
+            <Setter Property="Opacity"
+                    Value="0.6" />
+        </Style>
+
+        <Style Selector="^:disabled">
+            <Setter Property="Opacity"
+                    Value="0.4" />
+        </Style>
+    </ControlTheme>
+
+    <ControlTheme x:Key="{x:Type HyperlinkButton}"
+                  BasedOn="{StaticResource HyperlinkButtonBaseStyle}"
+                  TargetType="HyperlinkButton" />
+
+</ResourceDictionary>
diff --git a/src/Avalonia/HandyControl_Avalonia/Themes/Styles/HyperlinkButton.classes.axaml b/src/Avalonia/HandyControl_Avalonia/Themes/Styles/HyperlinkButton.classes.axaml
new file mode 100644
index 00000000..d1bf32a5
--- /dev/null
+++ b/src/Avalonia/HandyControl_Avalonia/Themes/Styles/HyperlinkButton.classes.axaml
@@ -0,0 +1,62 @@
+<Styles xmlns="https://github.com/avaloniaui"
+        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+        x:ClassModifier="internal"
+        xmlns:hc="clr-namespace:HandyControl.Controls">
+
+    <Style Selector="HyperlinkButton.ghost">
+        <Setter Property="hc:BackgroundSwitchElement.MouseHoverBackground"
+                Value="{DynamicResource SecondaryRegionBrush}" />
+        <Setter Property="hc:BackgroundSwitchElement.MouseHoverForeground"
+                Value="{DynamicResource PrimaryTextBrush}" />
+
+        <Style Selector="^:pointerover">
+            <Setter Property="Background"
+                    Value="{Binding $self.(hc:BackgroundSwitchElement.MouseHoverBackground)}" />
+            <Setter Property="Foreground"
+                    Value="{Binding $self.(hc:BackgroundSwitchElement.MouseHoverForeground)}" />
+        </Style>
+    </Style>
+
+    <Style Selector="HyperlinkButton.primary">
+        <Setter Property="hc:BackgroundSwitchElement.MouseHoverBackground"
+                Value="{DynamicResource PrimaryBrush}" />
+        <Setter Property="hc:BackgroundSwitchElement.MouseHoverForeground"
+                Value="{DynamicResource TextIconBrush}" />
+    </Style>
+
+    <Style Selector="HyperlinkButton.success">
+        <Setter Property="hc:BackgroundSwitchElement.MouseHoverBackground"
+                Value="{DynamicResource SuccessBrush}" />
+        <Setter Property="hc:BackgroundSwitchElement.MouseHoverForeground"
+                Value="{DynamicResource TextIconBrush}" />
+    </Style>
+
+    <Style Selector="HyperlinkButton.info">
+        <Setter Property="hc:BackgroundSwitchElement.MouseHoverBackground"
+                Value="{DynamicResource InfoBrush}" />
+        <Setter Property="hc:BackgroundSwitchElement.MouseHoverForeground"
+                Value="{DynamicResource TextIconBrush}" />
+    </Style>
+
+    <Style Selector="HyperlinkButton.warning">
+        <Setter Property="hc:BackgroundSwitchElement.MouseHoverBackground"
+                Value="{DynamicResource WarningBrush}" />
+        <Setter Property="hc:BackgroundSwitchElement.MouseHoverForeground"
+                Value="{DynamicResource TextIconBrush}" />
+    </Style>
+
+    <Style Selector="HyperlinkButton.danger">
+        <Setter Property="hc:BackgroundSwitchElement.MouseHoverBackground"
+                Value="{DynamicResource DangerBrush}" />
+        <Setter Property="hc:BackgroundSwitchElement.MouseHoverForeground"
+                Value="{DynamicResource TextIconBrush}" />
+    </Style>
+
+    <Style Selector="HyperlinkButton.small">
+        <Setter Property="Height"
+                Value="20" />
+        <Setter Property="Padding"
+                Value="6,1" />
+    </Style>
+
+</Styles>
diff --git a/src/Avalonia/HandyControl_Avalonia/Themes/Styles/MergedStyles.axaml b/src/Avalonia/HandyControl_Avalonia/Themes/Styles/MergedStyles.axaml
index 8868b28b..f5fceb1a 100644
--- a/src/Avalonia/HandyControl_Avalonia/Themes/Styles/MergedStyles.axaml
+++ b/src/Avalonia/HandyControl_Avalonia/Themes/Styles/MergedStyles.axaml
@@ -32,6 +32,7 @@
                 <MergeResourceInclude Source="avares://HandyControl/Themes/Styles/UserControl.axaml" />
                 <MergeResourceInclude Source="avares://HandyControl/Themes/Styles/Window.axaml" />
                 <MergeResourceInclude Source="avares://HandyControl/Themes/Styles/Button.axaml" />
+                <MergeResourceInclude Source="avares://HandyControl/Themes/Styles/HyperlinkButton.axaml" />
                 <MergeResourceInclude Source="avares://HandyControl/Themes/Styles/RepeatButton.axaml" />
                 <MergeResourceInclude Source="avares://HandyControl/Themes/Styles/ToggleButton.axaml" />
                 <MergeResourceInclude Source="avares://HandyControl/Themes/Styles/RadioButton.axaml" />
@@ -60,4 +61,6 @@
         </ResourceDictionary>
     </Styles.Resources>
 
+    <StyleInclude Source="avares://HandyControl/Themes/Styles/HyperlinkButton.classes.axaml" />
+
 </Styles>
diff --git a/src/Shared/HandyControlDemo_Shared/UserControl/Styles/CheckBoxDemo.xaml b/src/Shared/HandyControlDemo_Shared/UserControl/Styles/CheckBoxDemo.xaml
index f407ce84..8dbaee1f 100644
--- a/src/Shared/HandyControlDemo_Shared/UserControl/Styles/CheckBoxDemo.xaml
+++ b/src/Shared/HandyControlDemo_Shared/UserControl/Styles/CheckBoxDemo.xaml
@@ -6,13 +6,13 @@
              xmlns:ex="clr-namespace:HandyControlDemo.Tools.Extension"
              Background="{DynamicResource RegionBrush}">
     <hc:TransitioningContentControl>
-        <StackPanel Margin="32" HorizontalAlignment="Center" VerticalAlignment="Center">
+        <hc:UniformSpacingPanel Margin="32" Spacing="16" Orientation="Vertical" HorizontalAlignment="Center" VerticalAlignment="Center">
             <CheckBox Content="{ex:Lang Key={x:Static langs:LangKeys.CheckBox}}" IsChecked="True"/>
-            <CheckBox Margin="0,16,0,0" Content="{ex:Lang Key={x:Static langs:LangKeys.CheckBox}}" IsChecked="True" IsEnabled="False"/>
-            <CheckBox Margin="0,16,0,0" Content="{ex:Lang Key={x:Static langs:LangKeys.CheckBox}}"/>
-            <CheckBox Margin="0,16,0,0" Content="{ex:Lang Key={x:Static langs:LangKeys.CheckBox}}" IsEnabled="False"/>
-            <CheckBox Margin="0,16,0,0" Content="{ex:Lang Key={x:Static langs:LangKeys.CheckBox}}" IsChecked="{x:Null}"/>
-            <CheckBox Margin="0,16,0,0" Content="{ex:Lang Key={x:Static langs:LangKeys.CheckBox}}" IsChecked="{x:Null}" IsEnabled="False"/>
-        </StackPanel>
+            <CheckBox Content="{ex:Lang Key={x:Static langs:LangKeys.CheckBox}}" IsChecked="True" IsEnabled="False"/>
+            <CheckBox Content="{ex:Lang Key={x:Static langs:LangKeys.CheckBox}}"/>
+            <CheckBox Content="{ex:Lang Key={x:Static langs:LangKeys.CheckBox}}" IsEnabled="False"/>
+            <CheckBox Content="{ex:Lang Key={x:Static langs:LangKeys.CheckBox}}" IsChecked="{x:Null}"/>
+            <CheckBox Content="{ex:Lang Key={x:Static langs:LangKeys.CheckBox}}" IsChecked="{x:Null}" IsEnabled="False"/>
+        </hc:UniformSpacingPanel>
     </hc:TransitioningContentControl>
 </UserControl>