diff --git a/.changeset/tidy-queens-dream.md b/.changeset/tidy-queens-dream.md
new file mode 100644
index 0000000000..81bacf4713
--- /dev/null
+++ b/.changeset/tidy-queens-dream.md
@@ -0,0 +1,5 @@
+---
+"create-t3-app": patch
+---
+
+Fix Tailwind lint error (replace gradient with linear)
diff --git a/cli/template/extras/src/app/page/with-auth-trpc-tw.tsx b/cli/template/extras/src/app/page/with-auth-trpc-tw.tsx
index 37cc32ff48..f4a2495563 100644
--- a/cli/template/extras/src/app/page/with-auth-trpc-tw.tsx
+++ b/cli/template/extras/src/app/page/with-auth-trpc-tw.tsx
@@ -14,7 +14,7 @@ export default async function Home() {
 
   return (
     <HydrateClient>
-      <main className="flex min-h-screen flex-col items-center justify-center bg-gradient-to-b from-[#2e026d] to-[#15162c] text-white">
+      <main className="flex min-h-screen flex-col items-center justify-center bg-linear-to-b from-[#2e026d] to-[#15162c] text-white">
         <div className="container flex flex-col items-center justify-center gap-12 px-4 py-16">
           <h1 className="text-5xl font-extrabold tracking-tight sm:text-[5rem]">
             Create <span className="text-[hsl(280,100%,70%)]">T3</span> App
diff --git a/cli/template/extras/src/app/page/with-trpc-tw.tsx b/cli/template/extras/src/app/page/with-trpc-tw.tsx
index d7121d83d6..d6c1b7a0cb 100644
--- a/cli/template/extras/src/app/page/with-trpc-tw.tsx
+++ b/cli/template/extras/src/app/page/with-trpc-tw.tsx
@@ -10,7 +10,7 @@ export default async function Home() {
 
   return (
     <HydrateClient>
-      <main className="flex min-h-screen flex-col items-center justify-center bg-gradient-to-b from-[#2e026d] to-[#15162c] text-white">
+      <main className="flex min-h-screen flex-col items-center justify-center bg-linear-to-b from-[#2e026d] to-[#15162c] text-white">
         <div className="container flex flex-col items-center justify-center gap-12 px-4 py-16">
           <h1 className="text-5xl font-extrabold tracking-tight sm:text-[5rem]">
             Create <span className="text-[hsl(280,100%,70%)]">T3</span> App
diff --git a/cli/template/extras/src/app/page/with-tw.tsx b/cli/template/extras/src/app/page/with-tw.tsx
index 773fef1b32..3e62ceedd2 100644
--- a/cli/template/extras/src/app/page/with-tw.tsx
+++ b/cli/template/extras/src/app/page/with-tw.tsx
@@ -2,7 +2,7 @@ import Link from "next/link";
 
 export default function HomePage() {
   return (
-    <main className="flex min-h-screen flex-col items-center justify-center bg-gradient-to-b from-[#2e026d] to-[#15162c] text-white">
+    <main className="flex min-h-screen flex-col items-center justify-center bg-linear-to-b from-[#2e026d] to-[#15162c] text-white">
       <div className="container flex flex-col items-center justify-center gap-12 px-4 py-16">
         <h1 className="text-5xl font-extrabold tracking-tight text-white sm:text-[5rem]">
           Create <span className="text-[hsl(280,100%,70%)]">T3</span> App
diff --git a/cli/template/extras/src/pages/index/with-auth-trpc-tw.tsx b/cli/template/extras/src/pages/index/with-auth-trpc-tw.tsx
index b410fef1dd..668c350d4d 100644
--- a/cli/template/extras/src/pages/index/with-auth-trpc-tw.tsx
+++ b/cli/template/extras/src/pages/index/with-auth-trpc-tw.tsx
@@ -14,7 +14,7 @@ export default function Home() {
         <meta name="description" content="Generated by create-t3-app" />
         <link rel="icon" href="/favicon.ico" />
       </Head>
-      <main className="flex min-h-screen flex-col items-center justify-center bg-gradient-to-b from-[#2e026d] to-[#15162c]">
+      <main className="flex min-h-screen flex-col items-center justify-center bg-linear-to-b from-[#2e026d] to-[#15162c]">
         <div className="container flex flex-col items-center justify-center gap-12 px-4 py-16">
           <h1 className="text-5xl font-extrabold tracking-tight text-white sm:text-[5rem]">
             Create <span className="text-[hsl(280,100%,70%)]">T3</span> App
diff --git a/cli/template/extras/src/pages/index/with-trpc-tw.tsx b/cli/template/extras/src/pages/index/with-trpc-tw.tsx
index 5982ebe5e2..ff355c3aa0 100644
--- a/cli/template/extras/src/pages/index/with-trpc-tw.tsx
+++ b/cli/template/extras/src/pages/index/with-trpc-tw.tsx
@@ -13,7 +13,7 @@ export default function Home() {
         <meta name="description" content="Generated by create-t3-app" />
         <link rel="icon" href="/favicon.ico" />
       </Head>
-      <main className="flex min-h-screen flex-col items-center justify-center bg-gradient-to-b from-[#2e026d] to-[#15162c]">
+      <main className="flex min-h-screen flex-col items-center justify-center bg-linear-to-b from-[#2e026d] to-[#15162c]">
         <div className="container flex flex-col items-center justify-center gap-12 px-4 py-16">
           <h1 className="text-5xl font-extrabold tracking-tight text-white sm:text-[5rem]">
             Create <span className="text-[hsl(280,100%,70%)]">T3</span> App
diff --git a/cli/template/extras/src/pages/index/with-tw.tsx b/cli/template/extras/src/pages/index/with-tw.tsx
index e51dd7ef54..a5d480c30d 100644
--- a/cli/template/extras/src/pages/index/with-tw.tsx
+++ b/cli/template/extras/src/pages/index/with-tw.tsx
@@ -9,7 +9,7 @@ export default function Home() {
         <meta name="description" content="Generated by create-t3-app" />
         <link rel="icon" href="/favicon.ico" />
       </Head>
-      <main className="flex min-h-screen flex-col items-center justify-center bg-gradient-to-b from-[#2e026d] to-[#15162c]">
+      <main className="flex min-h-screen flex-col items-center justify-center bg-linear-to-b from-[#2e026d] to-[#15162c]">
         <div className="container flex flex-col items-center justify-center gap-12 px-4 py-16">
           <h1 className="text-5xl font-extrabold tracking-tight text-white sm:text-[5rem]">
             Create <span className="text-[hsl(280,100%,70%)]">T3</span> App
diff --git a/www/src/components/landingPage/cli.tsx b/www/src/components/landingPage/cli.tsx
index 2e484079d3..d8c31627da 100644
--- a/www/src/components/landingPage/cli.tsx
+++ b/www/src/components/landingPage/cli.tsx
@@ -18,7 +18,7 @@ export default function CodeCard() {
           <Typist.Delay ms={1250} />
         </Typist>
         <Typist
-          className="leading-1 translate-y-[-0.2rem] bg-gradient-to-r from-blue-400 via-green-300 to-pink-600 bg-clip-text font-mono text-[7px] text-transparent sm:text-sm md:translate-y-[-0.4rem]"
+          className="leading-1 bg-linear-to-r translate-y-[-0.2rem] from-blue-400 via-green-300 to-pink-600 bg-clip-text font-mono text-[7px] text-transparent sm:text-sm md:translate-y-[-0.4rem]"
           cursor={{ show: false }}
           avgTypingDelay={-500}
         >
diff --git a/www/src/layouts/landingPage.astro b/www/src/layouts/landingPage.astro
index 28ab3dedc3..96d850b91e 100644
--- a/www/src/layouts/landingPage.astro
+++ b/www/src/layouts/landingPage.astro
@@ -43,7 +43,7 @@ const { isNotFound } = Astro.props;
     </script>
   </head>
   <body
-    class="min-h-screen bg-gradient-to-b from-gray-900 via-[#300171] to-slate-900"
+    class="bg-linear-to-b min-h-screen from-gray-900 via-[#300171] to-slate-900"
   >
     <JumpToContent />
     <div