mdbootstrap · marveluck · Dec 28, 2023 · Feb 14, 2024
diff --git a/README.md b/README.md
@@ -705,6 +705,25 @@ Responsive Landing page blocks built with Tailwind CSS. Plenty of design blocks
 
 ---
 
+## Integrations
+
+TW Elements integrations with popular technologies.
+
+- [Django Integration](https://tw-elements.com/docs/standard/integrations/django-integration/)
+- [Angular Integration](https://tw-elements.com/docs/standard/integrations/angular-integration/)
+- [Express Integration](https://tw-elements.com/docs/standard/integrations/express-integration/)
+- [Laravel Integration](https://tw-elements.com/docs/standard/integrations/laravel-integration/)
+- [Next Integration](https://tw-elements.com/docs/standard/integrations/next-integration/)
+- [Nuxt Integration](https://tw-elements.com/docs/standard/integrations/nuxt-integration/)
+- [Django Integration](https://tw-elements.com/docs/standard/integrations/react-integration/)
+- [Remix Integration](https://tw-elements.com/docs/standard/integrations/remix-integration/)
+- [Solid Integration](https://tw-elements.com/docs/standard/integrations/solid-integration/)
+- [Svelte Integration](https://tw-elements.com/docs/standard/integrations/svelte-integration/)
+- [Sveltekit Integration](https://tw-elements.com/docs/standard/integrations/sveltekit-integration/)
+- [Vue Integration](https://tw-elements.com/docs/standard/integrations/vue-integration/)
+
+---
+
 ## Installation
 
 ##### NPM

diff --git a/site/content/docs/standard/forms/autocomplete/index.html b/site/content/docs/standard/forms/autocomplete/index.html
@@ -6,7 +6,7 @@
 subheading: "Tailwind CSS Autocomplete"
 seo_title: "Tailwind CSS Autocomplete - Free Examples & Tutorial"
 description: "Autocomplete component predicts the words being typed based on the first few letters given by the user. You can search the list using basic scroll and the keyboard arrows."
-image: "https://tecdn.b-cdn.net/img/docs/forms/select.webp"
+image: "https://tecdn.b-cdn.net/img/docs/forms/autocomplete.webp"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "docs/standard/forms/autocomplete/"
 menu:

diff --git a/site/content/docs/standard/methods/clipboard/index.html b/site/content/docs/standard/methods/clipboard/index.html
@@ -6,7 +6,7 @@
 subheading: "Tailwind CSS Clipboard"
 seo_title: "Tailwind CSS Clipboard - Free Examples & Tutorial"
 description: "Copy to clipboard feature for the latest Tailwind CSS. Let your users easily copy text or links with one click."
-image: "https://tecdn.b-cdn.net/img/docs/methods/ripple.webp"
+image: "https://tecdn.b-cdn.net/img/docs/methods/clipboard.webp"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "/docs/standard/methods/clipboard/"
 menu:

diff --git a/site/content/docs/standard/methods/infinite-scroll/index.html b/site/content/docs/standard/methods/infinite-scroll/index.html
@@ -6,7 +6,7 @@
 subheading: "Tailwind CSS Infinite scroll"
 seo_title: "Tailwind CSS Infinite scroll - Free Examples & Tutorial"
 description: "This feature adds a scroll event listener (to the window or the component it's attached to if it has the overflow-y property set to scroll) and calls a callback method every time a user reaches an end of a page/container."
-image: "https://tecdn.b-cdn.net/img/docs/methods/ripple.webp"
+image: "https://tecdn.b-cdn.net/img/docs/methods/infinite-scroll.webp"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "/docs/standard/methods/infinite-scroll/"
 menu:

diff --git a/site/content/docs/standard/methods/lazy-loading/index.html b/site/content/docs/standard/methods/lazy-loading/index.html
@@ -6,7 +6,7 @@
 subheading: "Tailwind CSS Lazy loading"
 seo_title: "Tailwind CSS Lazy loading - Free Examples & Tutorial"
 description: "Tailwind CSS Lazy Loading is a feature, that allows you to load images or videos only when they are visible on the screen."
-image: "https://tecdn.b-cdn.net/img/docs/methods/ripple.webp"
+image: "https://tecdn.b-cdn.net/img/docs/methods/lazy-loading.webp"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "/docs/standard/methods/lazy-loading/"
 menu:

diff --git a/site/content/docs/standard/methods/loading-management/index.html b/site/content/docs/standard/methods/loading-management/index.html
@@ -6,7 +6,7 @@
 subheading: "Tailwind CSS Loading management"
 seo_title: "Tailwind CSS Loading management - Free Examples & Tutorial"
 description: "Displays animation in a container (such as a table) while loading data."
-image: "https://tecdn.b-cdn.net/img/docs/methods/ripple.webp"
+image: "https://tecdn.b-cdn.net/img/docs/methods/loading-management.webp"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "/docs/standard/methods/loading-management/"
 menu:

diff --git a/site/content/docs/standard/methods/scrollbar/index.html b/site/content/docs/standard/methods/scrollbar/index.html
@@ -6,7 +6,7 @@
 subheading: "Tailwind CSS Scrollbar"
 seo_title: "Tailwind CSS Scrollbar - Free Examples & Tutorial"
 description: "Scrollbar method which allows you to create a custom scrollbar."
-image: "https://tecdn.b-cdn.net/img/docs/methods/ripple.webp"
+image: "https://tecdn.b-cdn.net/img/docs/methods/scrollbar.webp"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "/docs/standard/methods/scrollbar/"
 menu:

diff --git a/site/content/docs/standard/methods/smooth-scroll/index.html b/site/content/docs/standard/methods/smooth-scroll/index.html
@@ -6,7 +6,7 @@
 subheading: "Tailwind CSS Smooth scroll"
 seo_title: "Tailwind CSS Smooth scroll - Free Examples & Tutorial"
 description: "Tailwind CSS smooth scroll is an animated movement from a trigger — such as button, link or any other clickable element — to another place of the same page."
-image: "https://tecdn.b-cdn.net/img/docs/methods/ripple.webp"
+image: "https://tecdn.b-cdn.net/img/docs/methods/smooth-scroll.webp"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "/docs/standard/methods/smooth-scroll/"
 menu:

diff --git a/site/content/docs/standard/methods/sticky/index.html b/site/content/docs/standard/methods/sticky/index.html
@@ -6,7 +6,7 @@
 subheading: "Tailwind CSS Sticky"
 seo_title: "Tailwind CSS Sticky - Free Examples & Tutorial"
 description: "Sticky is a component which allows elements to be locked in a particular area of the page. It is often used in navigation menus."
-image: "https://tecdn.b-cdn.net/img/docs/methods/ripple.webp"
+image: "https://tecdn.b-cdn.net/img/docs/methods/sticky.webp"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "/docs/standard/methods/sticky/"
 menu:

diff --git a/site/content/docs/standard/methods/touch/index.html b/site/content/docs/standard/methods/touch/index.html
@@ -6,7 +6,7 @@
 subheading: "Tailwind CSS Touch"
 seo_title: "Tailwind CSS Touch - Free Examples & Tutorial"
 description: "This component allows you to improve the user experience on mobile touch screens by calling methods on the following custom events: pinch, swipe, tap, press, pan and rotate."
-image: "https://tecdn.b-cdn.net/img/docs/methods/ripple.webp"
+image: "https://tecdn.b-cdn.net/img/docs/methods/touch.webp"
 video: "https://www.youtube.com/watch?v=-GmnyjgI4Jc&ab_channel=Keepcoding"
 url: "/docs/standard/methods/touch/"
 menu: