Kevin Powell - CommunityKP-C
Kevin Powell - Communityβ€’8mo agoβ€’
8 replies
chikanlegbees

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
image.png
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 4.0 is finally here - The NEW way to install with Vite...
This guide will help you get started with KtUI in just a minute.
Instalation
Was this page helpful?