diff --git a/.prettierignore b/.prettierignore
new file mode 100644
index 0000000..f46352b
--- /dev/null
+++ b/.prettierignore
@@ -0,0 +1,5 @@
+node_modules/
+public/
+build/
+dist/
+docs/
\ No newline at end of file
diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 0000000..3801508
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,9 @@
+{
+  "semi": true,
+  "trailingComma": "all",
+  "singleQuote": true,
+  "printWidth": 100,
+  "tabWidth": 2,
+  "useTabs": false,
+  "endOfLine": "lf"
+}
diff --git a/package.json b/package.json
index 82bc031..77f8279 100644
--- a/package.json
+++ b/package.json
@@ -1,39 +1,49 @@
-{
-  "name": "@leopardslab/react-email",
-  "version": "0.0.1",
-  "private": "false",
-  "description": "React-based component and utility methods-based lightweight library to provide a common interface for email building",
-  "author": {
-    "name": "Leopards Lab",
-    "url": "https://github.com/leopardslab"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/leopardslab/react-email.git"
-  },
-  "bugs": {
-    "url": "https://github.com/leopardslab/react-email/issues"
-  },
-  "homepage": "https://github.com/leopardslab/react-email#readme",
-  "license": "Apache License 2.0",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "build": "tsc -p tsconfig.json",
-    "watch": "tsc --watch"
-  },
-  "devDependencies": {
-    "typescript": "^4.7.3"
-  },
-  "keywords": [
-    "react",
-    "react-package",
-    "react-email",
-    "email-builder",
-    "react-email-builder",
-    "html-email"
-  ]
-}
+{
+  "name": "@leopardslab/react-email",
+  "version": "0.0.1",
+  "private": "false",
+  "description": "React-based component and utility methods-based lightweight library to provide a common interface for email building",
+  "author": {
+    "name": "Leopards Lab",
+    "url": "https://github.com/leopardslab"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/leopardslab/react-email.git"
+  },
+  "bugs": {
+    "url": "https://github.com/leopardslab/react-email/issues"
+  },
+  "homepage": "https://github.com/leopardslab/react-email#readme",
+  "license": "Apache License 2.0",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "watch": "tsc --watch",
+    "pretty": "prettier --check .",
+    "pretty:fix": "prettier --write ."
+  },
+  "devDependencies": {
+    "@typescript-eslint/eslint-plugin": "^5.28.0",
+    "@typescript-eslint/parser": "^5.28.0",
+    "eslint": "^8.17.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "husky": "^8.0.1",
+    "lint-staged": "^13.0.2",
+    "prettier": "^2.7.1",
+    "typescript": "^4.7.3"
+  },
+  "keywords": [
+    "react",
+    "react-package",
+    "react-email",
+    "email-builder",
+    "react-email-builder",
+    "html-email"
+  ]
+}