diff --git a/src/templateList.js b/src/templateList.js
index a924a9d..2575f73 100644
--- a/src/templateList.js
+++ b/src/templateList.js
@@ -15,9 +15,14 @@ export default [
 		title: 'Preact',
 		img: 'assets/preact-logo.svg'
 	},
+	{
+		id: 'tailwind2',
+		title: 'Tailwind CSS 2',
+		img: 'assets/tailwind-logo.svg'
+	},
 	{
 		id: 'tailwind',
-		title: 'Tailwind CSS',
+		title: 'Tailwind CSS 3',
 		img: 'assets/tailwind-logo.svg'
 	},
 	{
diff --git a/src/templates/template-tailwind.json b/src/templates/template-tailwind.json
index d12800d..cc572ff 100644
--- a/src/templates/template-tailwind.json
+++ b/src/templates/template-tailwind.json
@@ -4,7 +4,7 @@
 	"css": "",
 	"js": "",
 	"externalLibs": {
-		"js": "\nhttps://cdn.tailwindcss.com/3.3.1",
+		"js": "https://cdn.tailwindcss.com/3.4.3",
 		"css": ""
 	},
 	"layoutMode": 1,
diff --git a/src/templates/template-tailwind2.json b/src/templates/template-tailwind2.json
new file mode 100644
index 0000000..7644a92
--- /dev/null
+++ b/src/templates/template-tailwind2.json
@@ -0,0 +1,17 @@
+{
+	"title": "Tailwind CSS 3 template",
+	"html": "<div class=\"m-6 p-3 shadow-lg text-xl bg-purple-100 text-purple-800 rounded-md\">\n  Hello world\n</div>",
+	"css": "",
+	"js": "",
+	"externalLibs": {
+		"js": "",
+		"css": "https://cdn.jsdelivr.net/npm/tailwindcss/dist/tailwind.min.css"
+	},
+	"layoutMode": 1,
+	"htmlMode": "html",
+	"cssMode": "css",
+	"jsMode": "js",
+	"updatedOn": 1713157902575,
+	"mainSizes": [50, 50],
+	"sizes": [51, 45, 4]
+}