diff --git a/package.json b/package.json
new file mode 100644
index 0000000..be117a4
--- /dev/null
+++ b/package.json
@@ -0,0 +1,225 @@
+{
+  "name": "@a2nt/ss-bootstrap-ui-webpack-boilerplate-react",
+  "version": "4.0.1",
+  "description": "This UI Kit allows you to build Bootstrap 5 webapp with some extra UI features. It's easy to extend and easy to convert HTML templates to CMS templates.",
+  "author": "Tony Air <tony@twma.pro>",
+  "license": "BSD-2-Clause",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/a2nt/webpack-bootstrap-ui-kit.git"
+  },
+  "private": false,
+  "engines": {
+    "node": ">= 12",
+    "yarn": ">= 1.22.0"
+  },
+  "scripts": {
+    "start": "cross-env NODE_ENV=development webpack-dev-server --config webpack.config.serve.js",
+    "dash": "cross-env NODE_ENV=development webpack-dashboard -- webpack-dev-server --config webpack.config.serve.js",
+    "build": "cross-env NODE_ENV=production webpack --progress --stats-all",
+    "lint:check": "eslint ./src --config eslint.config.json && sass-lint ./src --config sass-lint.yml -v -q",
+    "lint:fix": "eslint ./src --config eslint.config.json --fix && sass-lint ./src --config sass-lint.yml -v -q --fix",
+    "lint:js": "eslint ./src --config eslint.config.json",
+    "lint:sass": "sass-lint ./src --config sass-lint.yml -v -q",
+    "prebuild": "yarn lint:fix && rimraf dist",
+    "prepare": "yarn lint:fix && yarn build",
+    "prunecaches": "rimraf ./node_modules/.cache/",
+    "postinstall": "npm run prunecaches",
+    "postuninstall": "npm run prunecaches",
+    "preinstall": "npx only-allow pnpm",
+    "update": "npx msw init ./src/_graphql"
+  },
+  "directories": {
+    "assets": {
+      "css": [
+        "dist/css/app.css"
+      ],
+      "js": [
+        "dist/js/app.js"
+      ]
+    }
+  },
+  "main": "./dist/js/app.js",
+  "browser": {
+    "app": "./dist/js/app.js"
+  },
+  "module": "./src/js/app.js",
+  "browserslist": [
+    "defaults",
+    "ie>=11"
+  ],
+  "dependencies": {
+    "@a2nt/meta-lightbox-react": "^3.1.3",
+    "@angular/common": "^12.1.0",
+    "@angular/core": "^12.1.0",
+    "@apollo/client": "^3.3.20",
+    "@jsanahuja/instagramfeed": "github:jsanahuja/instagramfeed",
+    "@popperjs/core": "^2.9.2",
+    "aos": "^2.3.4",
+    "apollo3-cache-persist": "^0.9.1",
+    "axios": "^0.21.1",
+    "balanced-match": "^2.0.0",
+    "bootbox": "^5.5.2",
+    "bootstrap": "next",
+    "brace-expansion": "^2.0.1",
+    "font-awesome": "^4.7.0",
+    "graphql": "^15.5.1",
+    "hammerjs": "^2.0.8",
+    "inputmask": "^5.0.6",
+    "keyboardjs": "^2.6.4",
+    "localforage": "^1.9.0",
+    "localforage-cordovasqlitedriver": "^1.8.0",
+    "lodash.debounce": "^4.0.8",
+    "lodash.throttle": "^4.1.1",
+    "mapbox-gl": "^2.3.1",
+    "material-design-color": "^2.3.2",
+    "minimatch": "^3.0.4",
+    "moment": "^2.29.1",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-easy-swipe": "^0.0.21",
+    "react-tiny-oembed": "^1.0.1",
+    "rxjs": "^7.1.0",
+    "select2": "^4.0.13",
+    "setimmediate": "^1.0.5"
+  },
+  "devDependencies": {
+    "@a2nt/image-sprite-webpack-plugin": "^0.2.5",
+    "@babel/core": "^7.14.6",
+    "@babel/eslint-parser": "^7.14.7",
+    "@babel/plugin-proposal-class-properties": "^7.14.5",
+    "@babel/plugin-proposal-object-rest-spread": "^7.14.7",
+    "@babel/plugin-syntax-jsx": "^7.14.5",
+    "@babel/plugin-syntax-top-level-await": "^7.14.5",
+    "@babel/plugin-transform-react-jsx": "^7.14.5",
+    "@babel/plugin-transform-runtime": "^7.14.5",
+    "@babel/preset-env": "^7.14.7",
+    "@babel/preset-react": "^7.14.5",
+    "@babel/runtime": "^7.14.6",
+    "@googlemaps/markerclustererplus": "*",
+    "@sucrase/webpack-loader": "^2.0.0",
+    "@ungap/global-this": "^0.4.4",
+    "@wry/context": "^0.6.0",
+    "@wry/equality": "^0.5.1",
+    "@wry/trie": "^0.3.0",
+    "animate.css": "^4.1.1",
+    "ansi-html": "^0.0.7",
+    "ansi-regex": "^6.0.0",
+    "autoprefixer": "^10.2.6",
+    "babel-loader": "^8.2.2",
+    "classnames": "^2.3.1",
+    "copy-webpack-plugin": "^9.0.1",
+    "croppie": "^2.6.5",
+    "cross-env": "^7.0.3",
+    "css-loader": "^5.2.6",
+    "css-minimizer-webpack-plugin": "^3.0.2",
+    "debug": "^4.3.1",
+    "eslint": "^7.29.0",
+    "eslint-plugin-import": "^2.23.4",
+    "eslint-plugin-jquery": "^1.5.1",
+    "eslint-plugin-react": "^7.24.0",
+    "events": "^3.3.0",
+    "exif-js": "^2.3.0",
+    "exports-loader": "^3.0.0",
+    "fast-json-stable-stringify": "^2.1.0",
+    "fast-levenshtein": "^3.0.0",
+    "fastest-levenshtein": "^1.0.12",
+    "favicons": "^6.2.2",
+    "favicons-webpack-plugin": "5.0.2",
+    "file-loader": "^6.2.0",
+    "graphql-tag": "^2.12.5",
+    "hoist-non-react-statics": "^3.3.2",
+    "html-dom-parser": "^1.0.1",
+    "html-entities": "^2.3.2",
+    "html-loader": "^2.1.2",
+    "html-react-parser": "^1.2.7",
+    "html-webpack-plugin": "^5.3.2",
+    "img-optimize-loader": "^1.0.7",
+    "loglevel": "^1.7.1",
+    "mini-css-extract-plugin": "^1.6.2",
+    "ms": "^2.1.3",
+    "msw": "^0.29.0",
+    "node-fetch": "^2.6.1",
+    "node-sass": "^6.0.1",
+    "object-assign": "^4.1.1",
+    "optimism": "^0.16.1",
+    "postcss-loader": "^5.3.0",
+    "prop-types": "^15.7.2",
+    "punycode": "^2.1.1",
+    "querystring": "^0.2.1",
+    "raw-loader": "^4.0.2",
+    "react-hot-loader": "^4.13.0",
+    "react-is": "^17.0.2",
+    "react-lifecycles-compat": "^3.0.4",
+    "regenerator-runtime": "^0.13.7",
+    "resolve-url-loader": "^4.0.0",
+    "rimraf": "^3.0.2",
+    "routie": "0.0.1",
+    "sass-lint": "^1.13.1",
+    "sass-lint-fix": "^1.12.1",
+    "sass-loader": "^12.1.0",
+    "scheduler": "^0.20.2",
+    "shallowequal": "^1.1.0",
+    "strip-ansi": "^7.0.0",
+    "style-loader": "^2.0.0",
+    "sucrase": "^3.19.0",
+    "svg-url-loader": "^7.1.1",
+    "symbol-observable": "^4.0.0",
+    "terser-webpack-plugin": "^5.1.4",
+    "ts-invariant": "^0.7.5",
+    "tslib": "^2.3.0",
+    "url": "^0.11.0",
+    "url-loader": "^4.1.1",
+    "webpack": "^5.41.0",
+    "webpack-bundle-analyzer": "^4.4.2",
+    "webpack-cli": "^4.7.2",
+    "webpack-dev-server": "^4.0.0-beta.3",
+    "webpack-manifest-plugin": "^3.1.1",
+    "webpack-merge": "^5.8.0",
+    "yarn": "^1.22.10",
+    "zen-observable": "^0.8.15"
+  },
+  "stylelint": {
+    "rules": {
+      "block-no-empty": null,
+      "color-no-invalid-hex": true,
+      "comment-empty-line-before": [
+        "always",
+        {
+          "ignore": [
+            "stylelint-commands",
+            "after-comment"
+          ]
+        }
+      ],
+      "declaration-colon-space-after": "always",
+      "indentation": [
+        4,
+        {
+          "except": [
+            "value"
+          ]
+        }
+      ],
+      "max-empty-lines": 2,
+      "rule-empty-line-before": [
+        "always",
+        {
+          "except": [
+            "first-nested"
+          ],
+          "ignore": [
+            "after-comment"
+          ]
+        }
+      ],
+      "unit-whitelist": [
+        "em",
+        "rem",
+        "%",
+        "s",
+        "px"
+      ]
+    }
+  }
+}
\ No newline at end of file