diff --git a/package-lock.json b/package-lock.json
index 3de424e..1016a2e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -18,7 +18,8 @@
         "web-vitals": "^2.1.4"
       },
       "devDependencies": {
-        "electron": "^28.1.1"
+        "electron": "^28.1.1",
+        "tailwindcss": "^3.4.0"
       }
     },
     "node_modules/@aashutoshrathi/word-wrap": {
diff --git a/package.json b/package.json
index 8db8402..8667603 100644
--- a/package.json
+++ b/package.json
@@ -4,6 +4,14 @@
   "private": true,
   "main": "main.js",
   "homepage": "./",
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject",
+    "electron": "electron .",
+    "electron-dev": "ELECTRON_START_URL=http://localhost:3000 electron ."
+  },
   "dependencies": {
     "@excalidraw/excalidraw": "0.17.2",
     "@testing-library/jest-dom": "^5.17.0",
@@ -14,13 +22,9 @@
     "react-scripts": "5.0.1",
     "web-vitals": "^2.1.4"
   },
-  "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject",
-    "electron": "electron .",
-    "electron-dev": "ELECTRON_START_URL=http://localhost:3000 electron ."
+  "devDependencies": {
+    "electron": "^28.1.1",
+    "tailwindcss": "^3.4.0"
   },
   "eslintConfig": {
     "extends": [
@@ -39,8 +43,5 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
-  },
-  "devDependencies": {
-    "electron": "^28.1.1"
   }
 }
diff --git a/src/App.js b/src/App.js
index cdf9933..4505812 100644
--- a/src/App.js
+++ b/src/App.js
@@ -4,7 +4,9 @@ import { Excalidraw } from '@excalidraw/excalidraw'
 function App() {
   return (
     <div className="App">
-      <div className="Sidebar"></div>
+      <div className="Sidebar">
+        <h1 className="text-3xl font-bold underline">Hello world!</h1>
+      </div>
       <div className="Main">
         <Excalidraw
           UIOptions={{
diff --git a/src/index.css b/src/index.css
index ec2585e..17df0e7 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,3 +1,7 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
 body {
   margin: 0;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000..c0958ec
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,11 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    "./src/**/*.{js,jsx,ts,tsx}",
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}
+