diff --git a/icons/solid/keyframe-align-center.svg b/icons/solid/keyframe-align-center.svg
new file mode 100644
index 00000000..a34f6f8b
--- /dev/null
+++ b/icons/solid/keyframe-align-center.svg
@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.9629 6.07266C11.5025 5.425 12.4974 5.425 13.037 6.07266L17.256 11.1354C17.6732 11.6361 17.6732 12.3633 17.2561 12.8639L13.0371 17.9267C12.4974 18.5743 11.5025 18.5743 10.9629 17.9267L6.74376 12.8639C6.3266 12.3633 6.32675 11.6361 6.7439 11.1354L10.9629 6.07266Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 19.25C12.4142 19.25 12.75 19.5858 12.75 20V22C12.75 22.4142 12.4142 22.75 12 22.75C11.5858 22.75 11.25 22.4142 11.25 22V20C11.25 19.5858 11.5858 19.25 12 19.25Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 1.25C12.4142 1.25 12.75 1.58579 12.75 2V4C12.75 4.41421 12.4142 4.75 12 4.75C11.5858 4.75 11.25 4.41421 11.25 4V2C11.25 1.58579 11.5858 1.25 12 1.25Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.25 12C1.25 11.5858 1.58579 11.25 2 11.25H4C4.41421 11.25 4.75 11.5858 4.75 12C4.75 12.4142 4.41421 12.75 4 12.75H2C1.58579 12.75 1.25 12.4142 1.25 12Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.25 12C19.25 11.5858 19.5858 11.25 20 11.25H22C22.4142 11.25 22.75 11.5858 22.75 12C22.75 12.4142 22.4142 12.75 22 12.75H20C19.5858 12.75 19.25 12.4142 19.25 12Z" fill="currentColor"/>
+</svg>
diff --git a/icons/solid/keyframe-align-horizontal.svg b/icons/solid/keyframe-align-horizontal.svg
new file mode 100644
index 00000000..e605f03f
--- /dev/null
+++ b/icons/solid/keyframe-align-horizontal.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.963 6.07266C11.5027 5.425 12.4975 5.425 13.0372 6.07266L17.2562 11.1354C17.6733 11.6361 17.6733 12.3633 17.2562 12.8639L13.0372 17.9267C12.4975 18.5743 11.5027 18.5743 10.963 17.9267L6.74388 12.8639C6.32673 12.3633 6.32687 11.6361 6.74402 11.1354L10.963 6.07266Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.25 12C1.25 11.5858 1.58579 11.25 2 11.25H4C4.41421 11.25 4.75 11.5858 4.75 12C4.75 12.4142 4.41421 12.75 4 12.75H2C1.58579 12.75 1.25 12.4142 1.25 12Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.25 12C19.25 11.5858 19.5858 11.25 20 11.25H22C22.4142 11.25 22.75 11.5858 22.75 12C22.75 12.4142 22.4142 12.75 22 12.75H20C19.5858 12.75 19.25 12.4142 19.25 12Z" fill="currentColor"/>
+</svg>
diff --git a/icons/solid/keyframe-align-vertical.svg b/icons/solid/keyframe-align-vertical.svg
new file mode 100644
index 00000000..ee984133
--- /dev/null
+++ b/icons/solid/keyframe-align-vertical.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.963 6.07266C11.5027 5.425 12.4975 5.425 13.0372 6.07266L17.2562 11.1354C17.6733 11.6361 17.6733 12.3633 17.2562 12.8639L13.0372 17.9267C12.4975 18.5743 11.5027 18.5743 10.963 17.9267L6.74388 12.8639C6.32673 12.3633 6.32687 11.6361 6.74402 11.1354L10.963 6.07266Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 19.25C12.4142 19.25 12.75 19.5858 12.75 20V22C12.75 22.4142 12.4142 22.75 12 22.75C11.5858 22.75 11.25 22.4142 11.25 22V20C11.25 19.5858 11.5858 19.25 12 19.25Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 1.25C12.4142 1.25 12.75 1.58579 12.75 2V4C12.75 4.41421 12.4142 4.75 12 4.75C11.5858 4.75 11.25 4.41421 11.25 4V2C11.25 1.58579 11.5858 1.25 12 1.25Z" fill="currentColor"/>
+</svg>
diff --git a/icons/solid/keyframe-minus-in.svg b/icons/solid/keyframe-minus-in.svg
new file mode 100644
index 00000000..42a35a99
--- /dev/null
+++ b/icons/solid/keyframe-minus-in.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.0348 2.12379C12.9437 0.923583 11.0562 0.923581 9.96509 2.12378L2.66803 10.1506C1.71449 11.1995 1.7145 12.8014 2.66805 13.8502L9.96509 21.877C11.0562 23.0772 12.9438 23.0772 14.0348 21.877L21.3319 13.8502C22.2855 12.8014 22.2855 11.1995 21.3319 10.1506L14.0348 2.12379ZM8.99999 11.25C8.58578 11.25 8.24999 11.5858 8.24999 12C8.24999 12.4142 8.58578 12.75 8.99999 12.75H12H15C15.4142 12.75 15.75 12.4142 15.75 12C15.75 11.5858 15.4142 11.25 15 11.25H12H8.99999Z" fill="currentColor"/>
+</svg>
diff --git a/icons/solid/keyframe-minus.svg b/icons/solid/keyframe-minus.svg
new file mode 100644
index 00000000..d97c4c23
--- /dev/null
+++ b/icons/solid/keyframe-minus.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.25 5C15.25 4.58579 15.5858 4.25 16 4.25H22C22.4142 4.25 22.75 4.58579 22.75 5C22.75 5.41421 22.4142 5.75 22 5.75H16C15.5858 5.75 15.25 5.41421 15.25 5Z" fill="currentColor"/>
+<path d="M7.94474 5.18374C9.03866 3.95307 10.9615 3.95308 12.0555 5.18374L17.3795 11.1733C18.3057 12.2152 18.3058 13.7855 17.3796 14.8273L12.0555 20.8169C10.9615 22.0476 9.03866 22.0477 7.94474 20.8169L2.62067 14.8273C1.69451 13.7855 1.69449 12.2152 2.62064 11.1734L7.94474 5.18374Z" fill="currentColor"/>
+</svg>
diff --git a/icons/solid/keyframe-plus-in.svg b/icons/solid/keyframe-plus-in.svg
new file mode 100644
index 00000000..1677ccc0
--- /dev/null
+++ b/icons/solid/keyframe-plus-in.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.0348 2.12379C12.9437 0.923583 11.0562 0.923581 9.96509 2.12378L2.66803 10.1506C1.71449 11.1995 1.7145 12.8014 2.66805 13.8502L9.96509 21.877C11.0562 23.0772 12.9438 23.0772 14.0348 21.877L21.3319 13.8502C22.2855 12.8014 22.2855 11.1995 21.3319 10.1506L14.0348 2.12379ZM12.75 9C12.75 8.58579 12.4142 8.25 12 8.25C11.5858 8.25 11.25 8.58579 11.25 9V11.25H8.99999C8.58578 11.25 8.24999 11.5858 8.24999 12C8.24999 12.4142 8.58578 12.75 8.99999 12.75H11.25V15C11.25 15.4142 11.5858 15.75 12 15.75C12.4142 15.75 12.75 15.4142 12.75 15V12.75H15C15.4142 12.75 15.75 12.4142 15.75 12C15.75 11.5858 15.4142 11.25 15 11.25H12.75V9Z" fill="currentColor"/>
+</svg>
diff --git a/icons/solid/keyframe-plus.svg b/icons/solid/keyframe-plus.svg
new file mode 100644
index 00000000..de3b54f7
--- /dev/null
+++ b/icons/solid/keyframe-plus.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 1.25C19.4142 1.25 19.75 1.58579 19.75 2V4.25H22C22.4142 4.25 22.75 4.58579 22.75 5C22.75 5.41421 22.4142 5.75 22 5.75H19.75V8C19.75 8.41421 19.4142 8.75 19 8.75C18.5858 8.75 18.25 8.41421 18.25 8V5.75H16C15.5858 5.75 15.25 5.41421 15.25 5C15.25 4.58579 15.5858 4.25 16 4.25H18.25V2C18.25 1.58579 18.5858 1.25 19 1.25Z" fill="currentColor"/>
+<path d="M7.94474 5.18374C9.03866 3.95307 10.9615 3.95308 12.0555 5.18374L17.3795 11.1733C18.3057 12.2152 18.3058 13.7855 17.3796 14.8273L12.0555 20.8169C10.9615 22.0476 9.03866 22.0477 7.94474 20.8169L2.62067 14.8273C1.69451 13.7855 1.69449 12.2152 2.62064 11.1734L7.94474 5.18374Z" fill="currentColor"/>
+</svg>
diff --git a/icons/solid/keyframe-position.svg b/icons/solid/keyframe-position.svg
new file mode 100644
index 00000000..893aa1a7
--- /dev/null
+++ b/icons/solid/keyframe-position.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 16.25C12.4142 16.25 12.75 16.5858 12.75 17V19.25H21C21.4142 19.25 21.75 19.5858 21.75 20C21.75 20.4142 21.4142 20.75 21 20.75H3C2.58579 20.75 2.25 20.4142 2.25 20C2.25 19.5858 2.58579 19.25 3 19.25H11.25V17C11.25 16.5858 11.5858 16.25 12 16.25Z" fill="currentColor"/>
+<path d="M10.963 3.07266C11.5027 2.425 12.4975 2.425 13.0372 3.07266L17.2562 8.13544C17.6733 8.63607 17.6733 9.36327 17.2562 9.86389L13.0372 14.9267C12.4975 15.5743 11.5027 15.5743 10.963 14.9267L6.74388 9.86389C6.32673 9.36326 6.32687 8.63606 6.74402 8.13544L10.963 3.07266Z" fill="currentColor"/>
+</svg>
diff --git a/icons/solid/keyframe.svg b/icons/solid/keyframe.svg
new file mode 100644
index 00000000..419e4095
--- /dev/null
+++ b/icons/solid/keyframe.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.9651 2.12378C11.0562 0.923581 12.9437 0.923583 14.0348 2.12379L21.3319 10.1506C22.2855 11.1995 22.2855 12.8014 21.3319 13.8502L14.0348 21.877C12.9438 23.0772 11.0562 23.0772 9.9651 21.877L2.66806 13.8502C1.71451 12.8014 1.71449 11.1995 2.66804 10.1506L9.9651 2.12378Z" fill="currentColor"/>
+</svg>
diff --git a/icons/solid/keyframes-couple.svg b/icons/solid/keyframes-couple.svg
new file mode 100644
index 00000000..05967867
--- /dev/null
+++ b/icons/solid/keyframes-couple.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.0658 5.18029L12.5606 6.87362L11.4395 5.87707L12.9447 4.18374C14.0386 2.95308 15.9614 2.95308 17.0554 4.18373L22.3794 10.1733C23.3056 11.2152 23.3057 12.7855 22.3795 13.8273M22.3795 13.8273L17.0554 19.8169C15.9614 21.0476 14.0386 21.0477 12.9447 19.8169L11.4395 18.1236L12.5606 17.1271L14.0658 18.8204C14.563 19.3798 15.437 19.3798 15.9342 18.8204L21.2583 12.8308C21.6793 12.3572 21.6793 11.6435 21.2584 11.17L15.9343 5.18029C15.437 4.6209 14.563 4.6209 14.0658 5.18029" fill="currentColor"/>
+<path d="M6.94474 4.18374C8.03866 2.95307 9.96152 2.95308 11.0555 4.18374L16.3795 10.1733C17.3057 11.2152 17.3058 12.7855 16.3796 13.8273L11.0555 19.8169C9.96155 21.0476 8.03866 21.0477 6.94474 19.8169L1.62067 13.8273C0.694507 12.7855 0.694485 11.2152 1.62064 10.1734L6.94474 4.18374Z" fill="currentColor"/>
+</svg>
diff --git a/icons/solid/keyframes.svg b/icons/solid/keyframes.svg
new file mode 100644
index 00000000..0f415252
--- /dev/null
+++ b/icons/solid/keyframes.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.0696 5.22622L14.4121 10.189C15.3193 11.2258 15.3193 12.7741 14.4121 13.8108L10.0697 18.7736C8.97402 20.0258 7.0261 20.0258 5.93047 18.7736L1.58802 13.8108C0.680789 12.7741 0.680784 11.2258 1.588 10.189L5.93047 5.22623C7.0261 3.97407 8.97401 3.97407 10.0696 5.22622Z" fill="currentColor"/>
+<path d="M13 19L17.8844 13.3016C18.5263 12.5526 18.5263 11.4474 17.8844 10.6984L13 5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M17 19L21.8844 13.3016C22.5263 12.5526 22.5263 11.4474 21.8844 10.6984L17 5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/icons/solid/transition-down.svg b/icons/solid/transition-down.svg
new file mode 100644
index 00000000..cb9b48db
--- /dev/null
+++ b/icons/solid/transition-down.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.25 5C2.25 2.92894 3.92894 1.25 6 1.25H18C20.0711 1.25 21.75 2.92894 21.75 5V7C21.75 9.07106 20.0711 10.75 18 10.75H6C3.92894 10.75 2.25 9.07106 2.25 7V5Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3 15.25C3.41421 15.25 3.75 15.5858 3.75 16V18C3.75 19.7949 5.20508 21.25 7 21.25H17C18.7949 21.25 20.25 19.7949 20.25 18V16C20.25 15.5858 20.5858 15.25 21 15.25C21.4142 15.25 21.75 15.5858 21.75 16V18C21.75 20.6233 19.6233 22.75 17 22.75H7C4.37664 22.75 2.25 20.6233 2.25 18V16C2.25 15.5858 2.58579 15.25 3 15.25Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 9.25C12.4142 9.25 12.75 9.58579 12.75 10V16.1893L14.4697 14.4697C14.7626 14.1768 15.2374 14.1768 15.5303 14.4697C15.8232 14.7626 15.8232 15.2374 15.5303 15.5303L12.5303 18.5303C12.2374 18.8232 11.7626 18.8232 11.4697 18.5303L8.46967 15.5303C8.17678 15.2374 8.17678 14.7626 8.46967 14.4697C8.76256 14.1768 9.23744 14.1768 9.53033 14.4697L11.25 16.1893V10C11.25 9.58579 11.5858 9.25 12 9.25Z" fill="currentColor"/>
+</svg>
diff --git a/icons/solid/transition-left.svg b/icons/solid/transition-left.svg
new file mode 100644
index 00000000..0090c1b6
--- /dev/null
+++ b/icons/solid/transition-left.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.25 6C13.25 3.92894 14.9289 2.25 17 2.25H19C21.0711 2.25 22.75 3.92894 22.75 6V18C22.75 20.0711 21.0711 21.75 19 21.75H17C14.9289 21.75 13.25 20.0711 13.25 18V6Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.25 7C1.25 4.37665 3.37665 2.25 6 2.25H8C8.41421 2.25 8.75 2.58579 8.75 3C8.75 3.41421 8.41421 3.75 8 3.75H6C4.20507 3.75 2.75 5.20507 2.75 7V17C2.75 18.7949 4.20508 20.25 6 20.25H8C8.41421 20.25 8.75 20.5858 8.75 21C8.75 21.4142 8.41421 21.75 8 21.75H6C3.37664 21.75 1.25 19.6233 1.25 17V7Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.53033 8.46967C9.82322 8.76256 9.82322 9.23744 9.53033 9.53033L7.81066 11.25H14C14.4142 11.25 14.75 11.5858 14.75 12C14.75 12.4142 14.4142 12.75 14 12.75H7.81066L9.53033 14.4697C9.82322 14.7626 9.82322 15.2374 9.53033 15.5303C9.23744 15.8232 8.76256 15.8232 8.46967 15.5303L5.46967 12.5303C5.17678 12.2374 5.17678 11.7626 5.46967 11.4697L8.46967 8.46967C8.76256 8.17678 9.23744 8.17678 9.53033 8.46967Z" fill="currentColor"/>
+</svg>
diff --git a/icons/solid/transition-right.svg b/icons/solid/transition-right.svg
new file mode 100644
index 00000000..e50e793d
--- /dev/null
+++ b/icons/solid/transition-right.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.25 6C1.25 3.92894 2.92894 2.25 5 2.25H7C9.07106 2.25 10.75 3.92894 10.75 6V18C10.75 20.0711 9.07106 21.75 7 21.75H5C2.92894 21.75 1.25 20.0711 1.25 18V6Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.25 3C15.25 2.58579 15.5858 2.25 16 2.25H18C20.6233 2.25 22.75 4.37664 22.75 7V17C22.75 19.6233 20.6233 21.75 18 21.75H16C15.5858 21.75 15.25 21.4142 15.25 21C15.25 20.5858 15.5858 20.25 16 20.25H18C19.7949 20.25 21.25 18.7949 21.25 17V7C21.25 5.20508 19.7949 3.75 18 3.75H16C15.5858 3.75 15.25 3.41421 15.25 3Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.4697 8.46967C14.7626 8.17678 15.2374 8.17678 15.5303 8.46967L18.5303 11.4697C18.8232 11.7626 18.8232 12.2374 18.5303 12.5303L15.5303 15.5303C15.2374 15.8232 14.7626 15.8232 14.4697 15.5303C14.1768 15.2374 14.1768 14.7626 14.4697 14.4697L16.1893 12.75H10C9.58579 12.75 9.25 12.4142 9.25 12C9.25 11.5858 9.58579 11.25 10 11.25H16.1893L14.4697 9.53033C14.1768 9.23744 14.1768 8.76256 14.4697 8.46967Z" fill="currentColor"/>
+</svg>
diff --git a/icons/solid/transition-up.svg b/icons/solid/transition-up.svg
new file mode 100644
index 00000000..776bb3ec
--- /dev/null
+++ b/icons/solid/transition-up.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.25 17C2.25 14.9289 3.92894 13.25 6 13.25H18C20.0711 13.25 21.75 14.9289 21.75 17V19C21.75 21.0711 20.0711 22.75 18 22.75H6C3.92894 22.75 2.25 21.0711 2.25 19V17Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7 2.75C5.20507 2.75 3.75 4.20507 3.75 6V8C3.75 8.41421 3.41421 8.75 3 8.75C2.58579 8.75 2.25 8.41421 2.25 8V6C2.25 3.37665 4.37665 1.25 7 1.25H17C19.6233 1.25 21.75 3.37664 21.75 6V8C21.75 8.41421 21.4142 8.75 21 8.75C20.5858 8.75 20.25 8.41421 20.25 8V6C20.25 4.20508 18.7949 2.75 17 2.75H7Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.4697 5.46967C11.7626 5.17678 12.2374 5.17678 12.5303 5.46967L15.5303 8.46967C15.8232 8.76256 15.8232 9.23744 15.5303 9.53033C15.2374 9.82322 14.7626 9.82322 14.4697 9.53033L12.75 7.81066V14C12.75 14.4142 12.4142 14.75 12 14.75C11.5858 14.75 11.25 14.4142 11.25 14V7.81066L9.53033 9.53033C9.23744 9.82322 8.76256 9.82322 8.46967 9.53033C8.17678 9.23744 8.17678 8.76256 8.46967 8.46967L11.4697 5.46967Z" fill="currentColor"/>
+</svg>