diff --git a/site/content/docs/standard/integrations/index.html b/site/content/docs/standard/integrations/index.html
new file mode 100644
index 000000000..a304e345f
--- /dev/null
+++ b/site/content/docs/standard/integrations/index.html
@@ -0,0 +1,436 @@
+---
+title: "Integrations"
+date: 2023-02-08T10:00:00+02:00
+draft: false
+main_title: "Integrations"
+seo_title: "Tailwind Elements Integrations"
+description: "Tailwind Elements integrations with popular technologies. Free download, open source license."
+image: "https://tecdn.b-cdn.net/img/components-big.jpg"
+url: "docs/standard/integrations/"
+---
+
+<!--Section: Docs content-->
+<section>
+  <div class="container mx-auto mb-16">
+    <div class="grid grid-cols-1 gap-12 md:grid-cols-3">
+      <!-- Column 1 -->
+      <div
+        class="block rounded-lg bg-white shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] dark:bg-neutral-700">
+        <div
+          class="relative overflow-hidden bg-cover bg-no-repeat"
+          data-te-ripple-init
+          data-te-ripple-color="light">
+          <img
+            class="rounded-t-lg"
+            src="https://tecdn.b-cdn.net/img/docs/integrations/page/angular.webp"
+            alt="" />
+          <a
+            href="https://tailwind-elements.com/docs/standard/integrations/angular-integration/">
+            <div
+              class="absolute bottom-0 left-0 right-0 top-0 h-full w-full overflow-hidden bg-[hsla(0,0%,98%,0.15)] bg-fixed opacity-0 transition duration-300 ease-in-out hover:opacity-100"></div>
+          </a>
+        </div>
+        <div class="p-6">
+          <h5
+            class="mb-2 text-xl font-medium leading-tight text-neutral-800 dark:text-neutral-50">
+            Angular Integration
+          </h5>
+          <p class="mb-4 text-base text-neutral-600 dark:text-neutral-200">
+            This article shows you how to integrate Angular application with
+            Tailwind Elements.
+          </p>
+          <a
+            href="https://tailwind-elements.com/docs/standard/integrations/angular-integration/">
+            <button
+              type="button"
+              class="hover:bg-danger-accent-100 focus:bg-danger-accent-100 active:bg-danger-accent-200 inline-block rounded bg-danger-100 px-6 pb-2 pt-2.5 text-xs font-medium uppercase leading-normal text-danger-700 transition duration-150 ease-in-out focus:outline-none focus:ring-0">
+              Learn More
+            </button>
+          </a>
+        </div>
+      </div>
+      <!-- Column 1 -->
+
+      <!-- Column 2 -->
+      <div
+        class="block rounded-lg bg-white shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] dark:bg-neutral-700">
+        <div
+          class="relative overflow-hidden bg-cover bg-no-repeat"
+          data-te-ripple-init
+          data-te-ripple-color="light">
+          <img
+            class="rounded-t-lg"
+            src="https://tecdn.b-cdn.net/img/docs/integrations/page/django.webp"
+            alt="" />
+          <a
+            href="https://tailwind-elements.com/docs/standard/integrations/django-integration/">
+            <div
+              class="absolute bottom-0 left-0 right-0 top-0 h-full w-full overflow-hidden bg-[hsla(0,0%,98%,0.15)] bg-fixed opacity-0 transition duration-300 ease-in-out hover:opacity-100"></div>
+          </a>
+        </div>
+        <div class="p-6">
+          <h5
+            class="mb-2 text-xl font-medium leading-tight text-neutral-800 dark:text-neutral-50">
+            Django Integration
+          </h5>
+          <p class="mb-4 text-base text-neutral-600 dark:text-neutral-200">
+            This article shows you how to integrate Django application with
+            Tailwind Elements.
+          </p>
+          <a
+            href="https://tailwind-elements.com/docs/standard/integrations/django-integration/">
+            <button
+              type="button"
+              class="hover:bg-success-accent-100 focus:bg-success-accent-100 active:bg-success-accent-200 inline-block rounded bg-success-100 px-6 pb-2 pt-2.5 text-xs font-medium uppercase leading-normal text-success-700 transition duration-150 ease-in-out focus:outline-none focus:ring-0">
+              Learn More
+            </button>
+          </a>
+        </div>
+      </div>
+      <!-- Column 2 -->
+
+      <!-- Column 3 -->
+      <div
+        class="block rounded-lg bg-white shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] dark:bg-neutral-700">
+        <div
+          class="relative overflow-hidden bg-cover bg-no-repeat"
+          data-te-ripple-init
+          data-te-ripple-color="light">
+          <img
+            class="rounded-t-lg"
+            src="https://tecdn.b-cdn.net/img/docs/integrations/page/express.webp"
+            alt="" />
+          <a
+            href="https://tailwind-elements.com/docs/standard/integrations/express-integration/">
+            <div
+              class="absolute bottom-0 left-0 right-0 top-0 h-full w-full overflow-hidden bg-[hsla(0,0%,98%,0.15)] bg-fixed opacity-0 transition duration-300 ease-in-out hover:opacity-100"></div>
+          </a>
+        </div>
+        <div class="p-6">
+          <h5
+            class="mb-2 text-xl font-medium leading-tight text-neutral-800 dark:text-neutral-50">
+            Express Integration
+          </h5>
+          <p class="mb-4 text-base text-neutral-600 dark:text-neutral-200">
+            This article shows you how to integrate Express application with
+            Tailwind Elements.
+          </p>
+          <a
+            href="https://tailwind-elements.com/docs/standard/integrations/express-integration/">
+            <button
+              type="button"
+              class="hover:bg-neutral-accent-100 focus:bg-neutral-accent-100 active:bg-neutral-accent-200 inline-block rounded bg-neutral-200 px-6 pb-2 pt-2.5 text-xs font-medium uppercase leading-normal text-neutral-700 transition duration-150 ease-in-out focus:outline-none focus:ring-0">
+              Learn More
+            </button>
+          </a>
+        </div>
+      </div>
+      <!-- Column 3 -->
+
+      <!-- Column 1 -->
+      <div
+        class="block rounded-lg bg-white shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] dark:bg-neutral-700">
+        <div
+          class="relative overflow-hidden bg-cover bg-no-repeat"
+          data-te-ripple-init
+          data-te-ripple-color="light">
+          <img
+            class="rounded-t-lg"
+            src="https://tecdn.b-cdn.net/img/docs/integrations/page/laravel.webp"
+            alt="" />
+          <a
+            href="https://tailwind-elements.com/docs/standard/integrations/laravel-integration/">
+            <div
+              class="absolute bottom-0 left-0 right-0 top-0 h-full w-full overflow-hidden bg-[hsla(0,0%,98%,0.15)] bg-fixed opacity-0 transition duration-300 ease-in-out hover:opacity-100"></div>
+          </a>
+        </div>
+        <div class="p-6">
+          <h5
+            class="mb-2 text-xl font-medium leading-tight text-neutral-800 dark:text-neutral-50">
+            Laravel Integration
+          </h5>
+          <p class="mb-4 text-base text-neutral-600 dark:text-neutral-200">
+            This article shows you how to integrate Laravel application with
+            Tailwind Elements.
+          </p>
+          <a
+            href="https://tailwind-elements.com/docs/standard/integrations/laravel-integration/">
+            <button
+              type="button"
+              class="hover:bg-danger-accent-100 focus:bg-danger-accent-100 active:bg-danger-accent-200 inline-block rounded bg-danger-100 px-6 pb-2 pt-2.5 text-xs font-medium uppercase leading-normal text-danger-700 transition duration-150 ease-in-out focus:outline-none focus:ring-0">
+              Learn More
+            </button>
+          </a>
+        </div>
+      </div>
+      <!-- Column 1 -->
+
+      <!-- Column 2 -->
+      <div
+        class="block rounded-lg bg-white shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] dark:bg-neutral-700">
+        <div
+          class="relative overflow-hidden bg-cover bg-no-repeat"
+          data-te-ripple-init
+          data-te-ripple-color="light">
+          <img
+            class="rounded-t-lg"
+            src="https://tecdn.b-cdn.net/img/docs/integrations/page/next.webp"
+            alt="" />
+          <a
+            href="https://tailwind-elements.com/docs/standard/integrations/next-integration/">
+            <div
+              class="absolute bottom-0 left-0 right-0 top-0 h-full w-full overflow-hidden bg-[hsla(0,0%,98%,0.15)] bg-fixed opacity-0 transition duration-300 ease-in-out hover:opacity-100"></div>
+          </a>
+        </div>
+        <div class="p-6">
+          <h5
+            class="mb-2 text-xl font-medium leading-tight text-neutral-800 dark:text-neutral-50">
+            Next Integration
+          </h5>
+          <p class="mb-4 text-base text-neutral-600 dark:text-neutral-200">
+            This article shows you how to integrate Next application with
+            Tailwind Elements.
+          </p>
+          <a
+            href="https://tailwind-elements.com/docs/standard/integrations/next-integration/">
+            <button
+              type="button"
+              class="hover:bg-neutral-accent-100 focus:bg-neutral-accent-100 active:bg-neutral-accent-200 inline-block rounded bg-neutral-200 px-6 pb-2 pt-2.5 text-xs font-medium uppercase leading-normal text-neutral-700 transition duration-150 ease-in-out focus:outline-none focus:ring-0">
+              Learn More
+            </button>
+          </a>
+        </div>
+      </div>
+      <!-- Column 2 -->
+
+      <!-- Column 3 -->
+      <div
+        class="block rounded-lg bg-white shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] dark:bg-neutral-700">
+        <div
+          class="relative overflow-hidden bg-cover bg-no-repeat"
+          data-te-ripple-init
+          data-te-ripple-color="light">
+          <img
+            class="rounded-t-lg"
+            src="https://tecdn.b-cdn.net/img/docs/integrations/page/nuxt.webp"
+            alt="" />
+          <a
+            href="https://tailwind-elements.com/docs/standard/integrations/nuxt-integration/">
+            <div
+              class="absolute bottom-0 left-0 right-0 top-0 h-full w-full overflow-hidden bg-[hsla(0,0%,98%,0.15)] bg-fixed opacity-0 transition duration-300 ease-in-out hover:opacity-100"></div>
+          </a>
+        </div>
+        <div class="p-6">
+          <h5
+            class="mb-2 text-xl font-medium leading-tight text-neutral-800 dark:text-neutral-50">
+            Nuxt Integration
+          </h5>
+          <p class="mb-4 text-base text-neutral-600 dark:text-neutral-200">
+            This article shows you how to integrate Nuxt application with
+            Tailwind Elements.
+          </p>
+          <a
+            href="https://tailwind-elements.com/docs/standard/integrations/nuxt-integration/">
+            <button
+              type="button"
+              class="hover:bg-success-accent-100 focus:bg-success-accent-100 active:bg-success-accent-200 inline-block rounded bg-success-100 px-6 pb-2 pt-2.5 text-xs font-medium uppercase leading-normal text-success-700 transition duration-150 ease-in-out focus:outline-none focus:ring-0">
+              Learn More
+            </button>
+          </a>
+        </div>
+      </div>
+      <!-- Column 3 -->
+
+      <!-- Column 1 -->
+      <div
+        class="block rounded-lg bg-white shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] dark:bg-neutral-700">
+        <div
+          class="relative overflow-hidden bg-cover bg-no-repeat"
+          data-te-ripple-init
+          data-te-ripple-color="light">
+          <img
+            class="rounded-t-lg"
+            src="https://tecdn.b-cdn.net/img/docs/integrations/page/react.webp"
+            alt="" />
+          <a
+            href="https://tailwind-elements.com/docs/standard/integrations/react-integration/">
+            <div
+              class="absolute bottom-0 left-0 right-0 top-0 h-full w-full overflow-hidden bg-[hsla(0,0%,98%,0.15)] bg-fixed opacity-0 transition duration-300 ease-in-out hover:opacity-100"></div>
+          </a>
+        </div>
+        <div class="p-6">
+          <h5
+            class="mb-2 text-xl font-medium leading-tight text-neutral-800 dark:text-neutral-50">
+            React Integration
+          </h5>
+          <p class="mb-4 text-base text-neutral-600 dark:text-neutral-200">
+            This article shows you how to integrate React application with
+            Tailwind Elements.
+          </p>
+          <a
+            href="https://tailwind-elements.com/docs/standard/integrations/react-integration/">
+            <button
+              type="button"
+              class="inline-block rounded bg-primary-100 px-6 pb-2 pt-2.5 text-xs font-medium uppercase leading-normal text-primary-700 transition duration-150 ease-in-out hover:bg-primary-accent-100 focus:bg-primary-accent-100 focus:outline-none focus:ring-0 active:bg-primary-accent-200">
+              Learn More
+            </button>
+          </a>
+        </div>
+      </div>
+      <!-- Column 1 -->
+
+      <!-- Column 2 -->
+      <div
+        class="block rounded-lg bg-white shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] dark:bg-neutral-700">
+        <div
+          class="relative overflow-hidden bg-cover bg-no-repeat"
+          data-te-ripple-init
+          data-te-ripple-color="light">
+          <img
+            class="rounded-t-lg"
+            src="https://tecdn.b-cdn.net/img/docs/integrations/page/remix.webp"
+            alt="" />
+          <a
+            href="https://tailwind-elements.com/docs/standard/integrations/remix-integration/">
+            <div
+              class="absolute bottom-0 left-0 right-0 top-0 h-full w-full overflow-hidden bg-[hsla(0,0%,98%,0.15)] bg-fixed opacity-0 transition duration-300 ease-in-out hover:opacity-100"></div>
+          </a>
+        </div>
+        <div class="p-6">
+          <h5
+            class="mb-2 text-xl font-medium leading-tight text-neutral-800 dark:text-neutral-50">
+            Remix Integration
+          </h5>
+          <p class="mb-4 text-base text-neutral-600 dark:text-neutral-200">
+            This article shows you how to integrate Remix application with
+            Tailwind Elements.
+          </p>
+          <a
+            href="https://tailwind-elements.com/docs/standard/integrations/remix-integration/">
+            <button
+              type="button"
+              class="hover:bg-neutral-accent-100 focus:bg-neutral-accent-100 active:bg-neutral-accent-200 inline-block rounded bg-neutral-200 px-6 pb-2 pt-2.5 text-xs font-medium uppercase leading-normal text-neutral-700 transition duration-150 ease-in-out focus:outline-none focus:ring-0">
+              Learn More
+            </button>
+          </a>
+        </div>
+      </div>
+      <!-- Column 2 -->
+
+      <!-- Column 3 -->
+      <div
+        class="block rounded-lg bg-white shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] dark:bg-neutral-700">
+        <div
+          class="relative overflow-hidden bg-cover bg-no-repeat"
+          data-te-ripple-init
+          data-te-ripple-color="light">
+          <img
+            class="rounded-t-lg"
+            src="https://tecdn.b-cdn.net/img/docs/integrations/page/solid.webp"
+            alt="" />
+          <a
+            href="https://tailwind-elements.com/docs/standard/integrations/solid-integration/">
+            <div
+              class="absolute bottom-0 left-0 right-0 top-0 h-full w-full overflow-hidden bg-[hsla(0,0%,98%,0.15)] bg-fixed opacity-0 transition duration-300 ease-in-out hover:opacity-100"></div>
+          </a>
+        </div>
+        <div class="p-6">
+          <h5
+            class="mb-2 text-xl font-medium leading-tight text-neutral-800 dark:text-neutral-50">
+            Solid Integration
+          </h5>
+          <p class="mb-4 text-base text-neutral-600 dark:text-neutral-200">
+            This article shows you how to integrate Solid application with
+            Tailwind Elements.
+          </p>
+          <a
+            href="https://tailwind-elements.com/docs/standard/integrations/solid-integration/">
+            <button
+              type="button"
+              class="inline-block rounded bg-primary-100 px-6 pb-2 pt-2.5 text-xs font-medium uppercase leading-normal text-primary-700 transition duration-150 ease-in-out hover:bg-primary-accent-100 focus:bg-primary-accent-100 focus:outline-none focus:ring-0 active:bg-primary-accent-200">
+              Learn More
+            </button>
+          </a>
+        </div>
+      </div>
+      <!-- Column 3 -->
+
+      <!-- Column 1 -->
+      <div
+        class="block rounded-lg bg-white shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] dark:bg-neutral-700">
+        <div
+          class="relative overflow-hidden bg-cover bg-no-repeat"
+          data-te-ripple-init
+          data-te-ripple-color="light">
+          <img
+            class="rounded-t-lg"
+            src="https://tecdn.b-cdn.net/img/docs/integrations/page/svelte.webp"
+            alt="" />
+          <a
+            href="https://tailwind-elements.com/docs/standard/integrations/svelte-integration/">
+            <div
+              class="absolute bottom-0 left-0 right-0 top-0 h-full w-full overflow-hidden bg-[hsla(0,0%,98%,0.15)] bg-fixed opacity-0 transition duration-300 ease-in-out hover:opacity-100"></div>
+          </a>
+        </div>
+        <div class="p-6">
+          <h5
+            class="mb-2 text-xl font-medium leading-tight text-neutral-800 dark:text-neutral-50">
+            Svelte Integration
+          </h5>
+          <p class="mb-4 text-base text-neutral-600 dark:text-neutral-200">
+            This article shows you how to integrate Svelte application with
+            Tailwind Elements.
+          </p>
+          <a
+            href="https://tailwind-elements.com/docs/standard/integrations/svelte-integration/">
+            <button
+              type="button"
+              class="hover:bg-danger-accent-100 focus:bg-danger-accent-100 active:bg-danger-accent-200 inline-block rounded bg-danger-100 px-6 pb-2 pt-2.5 text-xs font-medium uppercase leading-normal text-danger-700 transition duration-150 ease-in-out focus:outline-none focus:ring-0">
+              Learn More
+            </button>
+          </a>
+        </div>
+      </div>
+      <!-- Column 1 -->
+
+      <!-- Column 2 -->
+      <div
+        class="block rounded-lg bg-white shadow-[0_2px_15px_-3px_rgba(0,0,0,0.07),0_10px_20px_-2px_rgba(0,0,0,0.04)] dark:bg-neutral-700">
+        <div
+          class="relative overflow-hidden bg-cover bg-no-repeat"
+          data-te-ripple-init
+          data-te-ripple-color="light">
+          <img
+            class="rounded-t-lg"
+            src="https://tecdn.b-cdn.net/img/docs/integrations/page/vue.webp"
+            alt="" />
+          <a
+            href="https://tailwind-elements.com/docs/standard/integrations/vue-integration/">
+            <div
+              class="absolute bottom-0 left-0 right-0 top-0 h-full w-full overflow-hidden bg-[hsla(0,0%,98%,0.15)] bg-fixed opacity-0 transition duration-300 ease-in-out hover:opacity-100"></div>
+          </a>
+        </div>
+        <div class="p-6">
+          <h5
+            class="mb-2 text-xl font-medium leading-tight text-neutral-800 dark:text-neutral-50">
+            Vue Integration
+          </h5>
+          <p class="mb-4 text-base text-neutral-600 dark:text-neutral-200">
+            This article shows you how to integrate Vue application with
+            Tailwind Elements.
+          </p>
+          <a
+            href="https://tailwind-elements.com/docs/standard/integrations/vue-integration/">
+            <button
+              type="button"
+              class="hover:bg-success-accent-100 focus:bg-success-accent-100 active:bg-success-accent-200 inline-block rounded bg-success-100 px-6 pb-2 pt-2.5 text-xs font-medium uppercase leading-normal text-success-700 transition duration-150 ease-in-out focus:outline-none focus:ring-0">
+              Learn More
+            </button>
+          </a>
+        </div>
+      </div>
+      <!-- Column 2 -->
+    </div>
+  </div>
+</section>
+<!--Section: Docs content-->