diff --git a/transformers/ElementTransformer.tsx b/transformers/ElementTransformer.tsx
new file mode 100644
index 00000000..1a641707
--- /dev/null
+++ b/transformers/ElementTransformer.tsx
@@ -0,0 +1,9 @@
+import { elements } from '../utils/elements'
+
+export function toObject(value: number) {
+  return elements.find((element) => element.id === value) || elements[0]
+}
+
+export function toParam(value: string) {
+  return elements.find((element) => element.name.en === value)
+}
diff --git a/utils/elements.tsx b/utils/elements.tsx
index a7d7d9c3..7218e534 100644
--- a/utils/elements.tsx
+++ b/utils/elements.tsx
@@ -63,11 +63,3 @@ export const elements: GranblueElement[] = [
     slug: 'light',
   },
 ]
-
-export function numberToElement(value: number) {
-  return elements.find((element) => element.id === value) || elements[0]
-}
-
-export function stringToElement(value: string) {
-  return elements.find((element) => element.name.en === value)
-}