diff --git a/src/pages/json/prettify/index.tsx b/src/pages/json/prettify/index.tsx
new file mode 100644
index 0000000..72bdd13
--- /dev/null
+++ b/src/pages/json/prettify/index.tsx
@@ -0,0 +1,11 @@
+import { Box } from '@mui/material';
+import React from 'react';
+import * as Yup from 'yup';
+
+const initialValues = {};
+const validationSchema = Yup.object({
+  // splitSeparator: Yup.string().required('The separator is required')
+});
+export default function Prettify() {
+  return <Box>Lorem ipsum</Box>;
+}
\ No newline at end of file
diff --git a/src/pages/json/prettify/meta.ts b/src/pages/json/prettify/meta.ts
new file mode 100644
index 0000000..5d82b46
--- /dev/null
+++ b/src/pages/json/prettify/meta.ts
@@ -0,0 +1,13 @@
+import { defineTool } from '@tools/defineTool';
+import { lazy } from 'react';
+// import image from '@assets/text.png';
+
+export const tool = defineTool('json', {
+  name: 'Prettify',
+  path: 'prettify',
+  // image,
+  description: '',
+  shortDescription: '',
+  keywords: ['prettify'],
+  component: lazy(() => import('./index'))
+});
\ No newline at end of file
diff --git a/src/pages/json/prettify/prettify.service.test.ts b/src/pages/json/prettify/prettify.service.test.ts
new file mode 100644
index 0000000..e2622e9
--- /dev/null
+++ b/src/pages/json/prettify/prettify.service.test.ts
@@ -0,0 +1,6 @@
+import { expect, describe, it } from 'vitest';
+// import { } from './service';
+//
+// describe('prettify', () => {
+//
+// })
\ No newline at end of file
diff --git a/src/pages/json/prettify/service.ts b/src/pages/json/prettify/service.ts
new file mode 100644
index 0000000..e69de29