diff --git a/examples/webpack/index.html b/examples/webpack/index.html
new file mode 100644
index 00000000..8e4bd5ec
--- /dev/null
+++ b/examples/webpack/index.html
@@ -0,0 +1,7 @@
+<style>
+  body {
+    font-family: 'Lucida Grande';
+  }
+</style>
+<div id="root"></div>
+<script src="dist/main.js"></script>
diff --git a/examples/webpack/package.json b/examples/webpack/package.json
new file mode 100644
index 00000000..aa32533e
--- /dev/null
+++ b/examples/webpack/package.json
@@ -0,0 +1,14 @@
+{
+  "scripts": {
+    "start": "npm run clean && npm run build && open index.html",
+    "build": "webpack --mode=development --no-devtool",
+    "clean": "rm -rf dist"
+  },
+  "devDependencies": {
+    "html-react-parser": "../../",
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1",
+    "webpack": "^5.18.0",
+    "webpack-cli": "^4.4.0"
+  }
+}
diff --git a/examples/webpack/src/index.js b/examples/webpack/src/index.js
new file mode 100644
index 00000000..61223f30
--- /dev/null
+++ b/examples/webpack/src/index.js
@@ -0,0 +1,8 @@
+import parse from 'html-react-parser';
+
+import('react-dom').then(function (ReactDOM) {
+  ReactDOM.render(
+    parse('<h1>HTMLReactParser loaded with webpack</h1>'),
+    document.getElementById('root')
+  );
+});