diff --git a/src/ui/public/components/annotatedtext.svg b/src/ui/public/components/annotatedtext.svg
new file mode 100644
index 000000000..0f3e348a3
--- /dev/null
+++ b/src/ui/public/components/annotatedtext.svg
@@ -0,0 +1,4 @@
+<svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect y="0.320312" width="18" height="18" rx="4" fill="#333333"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.5821 5.06454C10.9273 4.63339 11.5566 4.56367 11.9878 4.90882L12.9914 5.71228C13.4226 6.05743 13.4923 6.68674 13.1471 7.11789L8.25187 13.2329C7.91269 13.6566 7.29909 13.7312 6.8688 13.4061L6.40502 13.9855L4.69678 13.9858L5.82778 12.573C5.4099 12.2254 5.34574 11.6057 5.68689 11.1795L10.5821 5.06454ZM11.5711 5.42927C11.4274 5.31422 11.2176 5.33746 11.1026 5.48117L7.48461 10.0006L9.0087 11.2207L12.6267 6.70126C12.7417 6.55754 12.7185 6.34777 12.5748 6.23272L11.5711 5.42927ZM6.20733 11.5961L7.06797 10.5211L8.59206 11.7412L7.73142 12.8162C7.61637 12.96 7.4066 12.9832 7.26288 12.8681L6.25924 12.0647C6.11552 11.9496 6.09228 11.7399 6.20733 11.5961Z" fill="white"/>
+</svg>
diff --git a/src/ui/public/components/colorinput.svg b/src/ui/public/components/colorinput.svg
new file mode 100644
index 000000000..0a63138f9
--- /dev/null
+++ b/src/ui/public/components/colorinput.svg
@@ -0,0 +1,11 @@
+<svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect y="0.679688" width="18" height="18" rx="4" fill="#333333"/>
+<g clip-path="url(#clip0_24391_19550)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.7756 5.92643C12.4372 5.58822 11.8887 5.58831 11.5504 5.92663L9.81322 7.66376L11.0387 8.88922L12.7758 7.15209C13.1143 6.81361 13.1142 6.2648 12.7756 5.92643ZM11.5101 9.36062L13.2472 7.62349C13.8461 7.02461 13.8459 6.05357 13.2469 5.45487C12.6481 4.85645 11.6776 4.85661 11.0789 5.45522L9.34182 7.19236L8.52932 6.37986L8.05792 6.85126L8.84561 7.63896L4.70865 11.7759C4.57245 11.9121 4.47848 12.0848 4.43804 12.2731L4.22446 13.2677C4.07209 13.9773 4.70256 14.6077 5.41212 14.4554L6.40676 14.2418C6.59508 14.2013 6.76771 14.1074 6.90391 13.9712L11.0409 9.83422L11.8292 10.6225L12.3006 10.1511L11.5101 9.36062ZM10.5695 9.36281L9.31701 8.11036L5.18005 12.2473C5.13465 12.2927 5.10333 12.3503 5.08985 12.413L4.87627 13.4077C4.82548 13.6442 5.03563 13.8544 5.27215 13.8036L6.26679 13.59C6.32956 13.5765 6.38711 13.5452 6.43251 13.4998L10.5695 9.36281Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_24391_19550">
+<rect width="12" height="12" fill="white" transform="translate(3 3.67969)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/ui/public/components/jsonviewer.svg b/src/ui/public/components/jsonviewer.svg
new file mode 100644
index 000000000..eb9c6db4e
--- /dev/null
+++ b/src/ui/public/components/jsonviewer.svg
@@ -0,0 +1,4 @@
+<svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect y="0.429688" width="18" height="18" rx="4" fill="#333333"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.00016 6.76318V5.42985H7.66683V6.76318L5.00016 6.76318ZM6.00016 7.42985H4.3335L4.3335 4.76318L8.3335 4.76318V7.42985H6.66683V8.42985H9.66683V7.42985L13.6668 7.42985V10.0965L9.66683 10.0965V9.09652H6.66683V12.4299L9.66683 12.4299V11.4299L13.6668 11.4299V14.0965H9.66683V13.0965H6.00016L6.00016 12.4299L6.00016 9.09652V8.42985V7.42985ZM10.3335 13.4299V12.0965H13.0002V13.4299H10.3335ZM10.3335 8.09652V9.42985L13.0002 9.42985V8.09652L10.3335 8.09652Z" fill="white"/>
+</svg>
diff --git a/src/ui/public/components/rangeinput.svg b/src/ui/public/components/rangeinput.svg
new file mode 100644
index 000000000..9d4c5febd
--- /dev/null
+++ b/src/ui/public/components/rangeinput.svg
@@ -0,0 +1,4 @@
+<svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect y="0.694336" width="18" height="18" rx="4" fill="#333333"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.0002 6.35986H7.00016V9.561L9.00016 11.2277L11.0002 9.561V6.35986ZM7.66683 7.02653V9.24875L9.00016 10.3599L10.3335 9.24875V7.02653H7.66683ZM4.3335 12.3599V13.0265H5.00016V12.3599H13.0002V13.0265H13.6668L13.6668 12.3599V11.6932L13.6668 11.0265H13.0002V11.6932H5.00016V11.0265H4.3335V11.6932V12.3599Z" fill="white"/>
+</svg>
diff --git a/src/ui/public/components/timeinput.svg b/src/ui/public/components/timeinput.svg
new file mode 100644
index 000000000..032812a08
--- /dev/null
+++ b/src/ui/public/components/timeinput.svg
@@ -0,0 +1,4 @@
+<svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect y="0.320312" width="18" height="18" rx="4" fill="#333333"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.0002 9.32048C13.0002 11.5296 11.2093 13.3205 9.00016 13.3205C6.79102 13.3205 5.00016 11.5296 5.00016 9.32048C5.00016 7.11134 6.79102 5.32048 9.00016 5.32048C11.2093 5.32048 13.0002 7.11134 13.0002 9.32048ZM13.6668 9.32048C13.6668 11.8978 11.5775 13.9871 9.00016 13.9871C6.42283 13.9871 4.3335 11.8978 4.3335 9.32048C4.3335 6.74315 6.42283 4.65381 9.00016 4.65381C11.5775 4.65381 13.6668 6.74315 13.6668 9.32048ZM9.3335 9.1824V6.65381H8.66683V9.45855L10.7645 11.5562L11.2359 11.0848L9.3335 9.1824Z" fill="white"/>
+</svg>