Help with Integrating keenthemes UI and tailwindCSS in a react project?
Question
hey guys so im kind of struggling to integrate tailwindCSS with react and keenthemesUI after they changed their documentations
so currently i dont have a tailwind config file and only have a vite config file
i followed this tutorial: https://youtu.be/sHnG8tIYMB4?si=F06cecKtfbbcYrO_ to install react with tailwindCSS
now ive also followed the keenthemes guide to use keenthemes with tailwindCSS but im confused
im importing index.css into main.jsx after doing @ import tailwindcss in index.css file to use tailwind classes which works!! but when i follow the keenthemes guide to copy paste their CSS into index.css file im getting squiggly lines in my index.css file where i do the @ custom @ themes etc
id like some advice from someone who uses keenthemes in their project as it would help me a lot !!
here is keenthemes getting started guide: https://ktui.io/docs/installation
are the squiggly lines coming from eslint? or is there something wrong with my code?? 😦
heres my project directory structure
BTW I HAVENT PURCHASED METRONIC is that the reason
Lukas | Web Development & Design
YouTube
Tailwind CSS 4.0 is finally here - The NEW way to install with Vite...
No more tailwind.config.js - The NEW CSS-first configuration with Tailwind CSS v4 â–º https://www.youtube.com/watch?v=bupetqS1SMU
Tailwind CSS Version 4.0 was just released! In this video I will show you the NEW WAY to install the brand new version. This is one of the fastest and most popular methods for installing Tailwind CSS in 2025. We’ll...
Instalation
This guide will help you get started with KtUI in just a minute.
7 Replies
my index.css imports
my index.html file
am i doing anything wrong??
Those at-rule errors look like ES lint issues, yeah.
Do you have anything going on in the project yet to see if the styles are being applied?
Yes I do the keenthemes styles aren’t applied but the tailwind styles are applied !
I’m just wondering if I have to purchase metronic to be able to use the npm keenthemes package ?
I don't know anything about it, but I don't think so?says it's open source. I think it's the free thing, and if you like it, you can pay for the other templates
Ikr it says its open source but it ain’t working?