diff --git a/webapp/public/index.html b/webapp/public/index.html
index aa069f2..1e86b17 100644
--- a/webapp/public/index.html
+++ b/webapp/public/index.html
@@ -39,5 +39,6 @@
       To begin the development, run `npm start` or `yarn start`.
       To create a production bundle, use `npm run build` or `yarn build`.
     -->
+    <script src="../path/to/flowbite/dist/flowbite.min.js"></script>
   </body>
 </html>
diff --git a/webapp/src/index.css b/webapp/src/index.css
index ec2585e..d69a0c4 100644
--- a/webapp/src/index.css
+++ b/webapp/src/index.css
@@ -11,3 +11,7 @@ code {
   font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
     monospace;
 }
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
\ No newline at end of file
diff --git a/webapp/tailwind.config.js b/webapp/tailwind.config.js
new file mode 100644
index 0000000..a807a58
--- /dev/null
+++ b/webapp/tailwind.config.js
@@ -0,0 +1,14 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    "./src/**/*.{js,jsx,ts,tsx}",
+    "./node_modules/flowbite/**/*.js"
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [
+    require('flowbite/plugin')
+  ],
+}
+