New Metronic Docs!Added Integration Docs with Starter Kits Apps for Laravel, Laravel Livewire, Angular, Vue, Symfony, Blazor Server, Django & Flask & more
Browse Docs

Tag: Tailwind 4 (332)

Hi,I'm using the Tailwind version of Metronic with Vue 3 and Nuxt 3. The sticky component works fine when the page initially loads, but after navigating to a different route, the sticky elements don't function correctly. I tried updating them, but it didn't work.import KTCompo...
he seguido todos los pasos de la documentación pero no logro que funcione la plantilla. no veo que venga todos los archivos de los ejemplos como los Dashboard ni las paginas de Login.
Hi, I just purchased the Metronic template in themeforest and just got started with the environment with Django. I started by installing the latest versions of Python (3.12.5) and Django (5.1), and got to the build assets part that I don't understand how to do following your documentation : h...
I bought a metronic license.I am trying to use metronic tailwind css, but i am having problems with the colors.I want to use all the colors of tailwind, how can i do that?I also want to use other tailwind utilities.For example the hover group feature like the link below, how can i do that...
Hi! I'm looking forward to seeing an official Rails 8 integration guide for Metronic 9, but in the meantime, I've made quite a bit of progress doing it on my own. Maybe my progress can help others or give KeenThemes a head start on official instructions. Just a warning: I'm a novice web app deve...
Do you have "table table-sm" for smaller tables?https://keenthemes.com/metronic/tailwind/docs/components/datatableSometimes this database/tables are to big.Thank you
Hi,I just followed the docs on how to use tailwind css version in laravel, my auth pages work without problem but when I use the index.html content with the vitecss it says KTDOM is not defined Any fix?https://i.imgur.com/YyjUQ4g.png
I’m running into a “KTSelect.getOrCreateInstance is not a function” error when I try to initialize KTSelect. Here’s my code:
Below is my html code and also javascript. The search box didt apear and when initialize, the script got error. May i know wat problem is this?Below is my javascript error, html code and javascriptImage : https://ibb.co/3MYNqZmMetronic Tailwind Document : https://keenthemes.com/metronic/...
It will be available for download ? https://keenthemes.com/metronic/tailwind/demo3Please provide download link so will upgrade our solution.
➜ press h + enter to show helpfile:///C:/Users/eduar/Downloads/themeforest-cNHNYOJH-metronic-responsive-admin-dashboard-template/metronic-v9.1.2/metronic-v9.1.2/metronic-tailwind-react/typescript/vite/tailwind.config.js:1module.exports = {^ReferenceError: module is not defined...
Please help, I am following all installation instruction from the docs and getting stuck when running npm build. i am using node version 20.15.0 (LTS) and npm version 10.7.0. Screenshot:https://gcdnb.pbrd.co/images/XRm8UAgz2rD2.png Metronic 9 Tailwind
I’m using Metronic v9.2.2 (React + TypeScript + Vite) and encountered a dependency conflict when installing with npm:react-helmet-async@2.0.5 requires React 16/17/18, but the project defaults to React 19.Using yarn install worked temporarily, but I’m concerned about long-term stability.Que...
I saw that you have a full react implementation but still without a detail documentation.May I know how to add/remove menu?Also, how to remove top bar menu?
Hi, i have purchased the metronic yesterday, and integrating it with the nextjs using the starter template : metronic-tailwind-next from github. Although it works fine when running it using npm run dev. but when i try to run the npm run build then its producing followin...
const tabsEl = document.querySelector('#tab_post'); const tabs = KTTabs.getInstance(tabsEl); tabs.on('show', (detail) => { detail.cancel = true; console.log('show action canceled'); }); tabs.on('shown', () => { console.log('shown event'); });...
Hello Team,Thank you for this amazing template.I would prefer a video tutorial on how to integrate Angular with Tailwind, as it would make the process clearer for everyone.
Hi,All Metronic 9 Demos(demo 1 - demo 10) are already available for the Metronic 9 Taiwind React version.To use your preferred demo please perform below steps:1) Refer to readme. md and install dependencies and launch the Metronic React app.2) Import the new demo: import {...
Hey Metronic Community!We're thrilled to announce the Beta Testing phase for our upcoming Metronic Tailwind CSS-based HTML & JavaScript Toolkit! This is your chance to get an exclusive first look at the latest evolution of Metronic and help shape its future.What's New?Our new tool...
How can i use Demo 8 or demo 3 from Metronic 9 into laravel project. I have followed the guide for Laravel project setup but it give me demo 1, i want to use demo 3 or demo 8 tailwind metronic v9 into laravel project.
Hello, My understanding is that latest Metronic 9.0.2 is using tailwindcss 4.1.x, but apparently gradient is not defined, for example : bg-gradient-to-rit appears that we are limited to use ONLY the syntax defined in src/assets/css/styles.css and cannot leverage the full design capabilities...