diff --git a/src/plugins/qmldesigner/qtquickplugin/images/keyframe-16px.png b/src/plugins/qmldesigner/qtquickplugin/images/keyframe-16px.png
new file mode 100644
index 00000000000..6e1c9f912a2
Binary files /dev/null and b/src/plugins/qmldesigner/qtquickplugin/images/keyframe-16px.png differ
diff --git a/src/plugins/qmldesigner/qtquickplugin/images/timeline-16px.png b/src/plugins/qmldesigner/qtquickplugin/images/timeline-16px.png
new file mode 100644
index 00000000000..d4ecf00031f
Binary files /dev/null and b/src/plugins/qmldesigner/qtquickplugin/images/timeline-16px.png differ
diff --git a/src/plugins/qmldesigner/qtquickplugin/images/timeline-animation-16px.png b/src/plugins/qmldesigner/qtquickplugin/images/timeline-animation-16px.png
new file mode 100644
index 00000000000..d4ecf00031f
Binary files /dev/null and b/src/plugins/qmldesigner/qtquickplugin/images/timeline-animation-16px.png differ
diff --git a/src/plugins/qmldesigner/qtquickplugin/qtquickplugin.qrc b/src/plugins/qmldesigner/qtquickplugin/qtquickplugin.qrc
index 0098d05a37d..7cdc3309cba 100644
--- a/src/plugins/qmldesigner/qtquickplugin/qtquickplugin.qrc
+++ b/src/plugins/qmldesigner/qtquickplugin/qtquickplugin.qrc
@@ -95,5 +95,8 @@
         <file>images/video-output-16px.png</file>
         <file>images/video-output-24px.png</file>
         <file>images/video-output-24px@2x.png</file>
+        <file>images/timeline-16px.png</file>
+        <file>images/keyframe-16px.png</file>
+        <file>images/timeline-animation-16px.png</file>
     </qresource>
 </RCC>
diff --git a/src/plugins/qmldesigner/qtquickplugin/quick.metainfo b/src/plugins/qmldesigner/qtquickplugin/quick.metainfo
index d21d8420b4b..4b766f715c1 100644
--- a/src/plugins/qmldesigner/qtquickplugin/quick.metainfo
+++ b/src/plugins/qmldesigner/qtquickplugin/quick.metainfo
@@ -280,6 +280,61 @@ MetaInfo {
         }
     }
 
+    Type {
+        name: "QtQuick.Timeline.Timeline"
+        icon: ":/qtquickplugin/images/timeline-16px.png"
+
+        Hints {
+            visibleNonDefaultProperties: "animations"
+            visibleInLibrary: false
+            visibleInNavigator: true
+        }
+        ItemLibraryEntry {
+            name: "Timeline"
+            category: "none"
+            version: "1.0"
+        }
+    }
+
+    Type {
+        name: "QtQuick.Timeline.TimelineAnimation"
+        icon: ":/qtquickplugin/images/timeline-animation-16px.png"
+
+        Hints {
+            visibleInLibrary: false
+            visibleInNavigator: true
+        }
+        ItemLibraryEntry {
+            name: "Animation"
+            category: "none"
+            version: "1.0"
+        }
+    }
+
+    Type {
+        name: "QtQuick.Timeline.Keyframe"
+        icon: ":/qtquickplugin/images/keyframe-16px.png"
+
+        ItemLibraryEntry {
+            name: "Keyframe"
+            category: "none"
+            version: "1.0"
+            requiredImport: "none"
+        }
+    }
+
+    Type {
+        name: "QtQuick.Timeline.KeyframeGroup"
+        icon: ":/qtquickplugin/images/keyframe-16px.png"
+
+        ItemLibraryEntry {
+            name: "KeyframeGroup"
+            category: "none"
+            version: "1.0"
+            requiredImport: "none"
+        }
+    }
+
     Type {
         name: "QtQuick.PropertyAnimation"
         icon: ":/qtquickplugin/images/item-icon16.png"