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
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
YouTubeLukas | Web Development & Design
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...
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...
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Was this page helpful?
