diff --git a/compiler/components/hdsvisualcomponent.json b/compiler/components/hdsvisualcomponent.json
new file mode 100644
index 0000000000000000000000000000000000000000..7ecc50f6630b1d3ea9c12481c6bd37dd8ed5d19e
--- /dev/null
+++ b/compiler/components/hdsvisualcomponent.json
@@ -0,0 +1,4 @@
+{
+  "name": "HdsVisualComponent",
+  "attrs": ["scene", "expectedFrameRateRange"]
+}
\ No newline at end of file
diff --git a/compiler/tsconfig.esm.json b/compiler/tsconfig.esm.json
index aa05c22c480d01eefa2535d9783f9d99bde63d8f..f6a6fdf5aa4b70b07c9a288bef28f8d1f8ef9370 100755
--- a/compiler/tsconfig.esm.json
+++ b/compiler/tsconfig.esm.json
@@ -284,6 +284,7 @@
         "ArcSwiper",
         "ArcScrollBar",
         "ArcAlphabetIndexer",
+        "HdsVisualComponent"
       ],
       "extend": {
         "decorator": ["Extend", "AnimatableExtend"],
@@ -907,6 +908,11 @@
             "name": "ArcAlphabetIndexer",
             "type": "ArcAlphabetIndexerAttribute",
             "instance": "ArcAlphabetIndexerInstance"
+          },
+          {
+            "name": "HdsVisualComponent",
+            "type": "HdsVisualComponentAttribute",
+            "instance": "HdsVisualComponentInstance"
           }
         ]
       },
diff --git a/compiler/tsconfig.json b/compiler/tsconfig.json
index b956fcb70e15344d7df93213e64c4989d4eb2e81..73802e9cca45f6bb26a17a8331ae870aa20486d2 100644
--- a/compiler/tsconfig.json
+++ b/compiler/tsconfig.json
@@ -293,6 +293,7 @@
         "ArcSwiper",
         "ArcScrollBar",
         "ArcAlphabetIndexer",
+        "HdsVisualComponent"
       ],
       "extend": {
         "decorator": ["Extend", "AnimatableExtend"],
@@ -956,6 +957,11 @@
             "name": "ArcAlphabetIndexer",
             "type": "ArcAlphabetIndexerAttribute",
             "instance": "ArcAlphabetIndexerInstance"
+          },
+          {
+            "name": "HdsVisualComponent",
+            "type": "HdsVisualComponentAttribute",
+            "instance": "HdsVisualComponentInstance"
           }
         ]
       },