diff --git a/templates/components/ui/shadcn/README.md b/templates/components/ui/shadcn/README.md
new file mode 100644
index 0000000000000000000000000000000000000000..ebfcf48c999ef8e040b282adfd4312767f731bb5
--- /dev/null
+++ b/templates/components/ui/shadcn/README.md
@@ -0,0 +1 @@
+Using the chat component from https://github.com/marcusschiesser/ui (based on https://ui.shadcn.com/)
diff --git a/templates/index.ts b/templates/index.ts
index 7463be23df06ba3ef681a3d84f543dc54da2d6f8..c7e0db4970c3a897f596f1a481202dbcd3f88997 100644
--- a/templates/index.ts
+++ b/templates/index.ts
@@ -99,11 +99,14 @@ const installTSTemplate = async ({
   /**
    * Copy the selected UI files to the target directory and reference it.
    */
-  if (framework === "nextjs") {
+  if (framework === "nextjs" && ui !== "html") {
     console.log("\nUsing UI:", ui, "\n");
     const uiPath = path.join(compPath, "ui", ui);
-    const componentsPath = path.join("app", "components");
-    await copy("**", path.join(root, componentsPath, "ui"), {
+    const destUiPath = path.join(root, "app", "components", "ui");
+    // remove the default ui folder
+    await fs.rm(destUiPath, { recursive: true });
+    // copy the selected ui folder
+    await copy("**", destUiPath, {
       parents: true,
       cwd: uiPath,
     });