diff --git a/desktop/plugins/public/ui-debugger/components/sidebar/utilities/displayableName.tsx b/desktop/plugins/public/ui-debugger/components/sidebar/utilities/displayableName.tsx
new file mode 100644
index 000000000..b8be4ef6d
--- /dev/null
+++ b/desktop/plugins/public/ui-debugger/components/sidebar/utilities/displayableName.tsx
@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ */
+
+export function displayableName(attribute: string): string {
+  if (attribute.length > 0) {
+    const displayable = attribute[0].toUpperCase() + attribute.substring(1);
+    return displayable.replace(/([a-z](?=[A-Z]))/g, '$1 ');
+  }
+  return '';
+}