63 comments found.
I bought mine on 5 Mar 2024. What’s the process of upgrading to the latest version. I’m using the react TS version.
Hi,
Thank you for purchasing Tailwick.
We have completely revamped the old version into v2.x, adding new layouts and components, and upgrading to Tailwind CSS v4. Please back up your old version and update the React TypeScript version carefully.
Thank you.
When I bought version v1.2.0 it included the examples for Forms
Now, in version v2.0, those files are not included. Can I still use the forms from v1.2.0 in v2.0 without any issues?
Please check your email.
Thank you.
Hi,
We have added the UI kit in HTML v2.2.0. Please download the latest files from ThemeForest.
Let us know if you need any help.
Thank you.
Why you removed svelte? I bought it especially for svelte!
Hi,
We are currently working on the latest Tailwick Svelte version, which will be available by the end of October.
Thank you.
Hello,
I bought the template last week and tried starting to work with it, but I am encountering a big problem with understanding the code. Your template looks fantastic—you’ve clearly invested a lot into UI polish and component variety. The design is slick, the responsiveness works well, and the RTL support is a great plus. So, thank you for your work!
That said, the code is catastrophically difficult to work with. Especially when looking at something like this: class=”relative flex items-center px-6 py-2 text-vertical-menu-item-font-size transition-all duration-75 ease-linear text-vertical-menu-sub-item hover:text-vertical-menu-sub-item-hover [&.active]:text-vertical-menu-sub-item-active before:absolute ltr:before:left-1.5 rtl:before:right-1.5 before:top-4 before:w-1 before:h-1 before:rounded before:transition-all before:duration-75 before:ease-linear before:bg-vertical-menu-sub-item hover:before:bg-vertical-menu-sub-item-hover [&.active]:before:bg-vertical-menu-sub-item-active group-data-[sidebar=dark]:text-vertical-menu-sub-item-dark group-data-[sidebar=dark]:dark:text-zink-200 group-data-[layout=horizontal]:dark:text-zink-200 group-data-[layout=horizontal]:dark:hover:text-custom-500 group-data-[sidebar=dark]:hover:text-vertical-menu-sub-item-hover-dark group-data-[sidebar=dark]:dark:hover:text-custom-500 group-data-[sidebar=dark]:[&.active]:text-vertical-menu-sub-item-active-dark group-data-[sidebar=dark]:dark:[&.active]:text-custom-500 group-data-[layout=horizontal]:dark:[&.active]:text-custom-500 group-data-[sidebar=dark]:before:bg-vertical-menu-sub-item-dark/50 group-data-[sidebar=dark]:hover:before:bg-vertical-menu-sub-item-hover-dark group-data-[sidebar=dark]:dark:hover:before:bg-custom-500 group-data-[sidebar=dark]:[&.active]:before:bg-vertical-menu-sub-item-active-dark group-data-[sidebar=dark]:dark:[&.active]:before:bg-custom-500 group-data-[sidebar=brand]:text-vertical-menu-sub-item-brand group-data-[sidebar=brand]:hover:text-vertical-menu-sub-item-hover-brand group-data-[sidebar=brand]:before:bg-vertical-menu-sub-item-brand/80 group-data-[sidebar=brand]:hover:before:bg-vertical-menu-sub-item-hover-brand/80 group-data-[sidebar=brand]:[&.active]:before:bg-vertical-menu-sub-item-active-brand/80 group-data-[sidebar=brand]:[&.active]:text-vertical-menu-sub-item-active-brand group-data-[sidebar=modern]:text-vertical-menu-sub-item-modern group-data-[sidebar=modern]:before:bg-vertical-menu-sub-item-modern/70 group-data-[sidebar=modern]:hover:text-vertical-menu-sub-item-hover-modern group-data-[sidebar=modern]:before:hover:bg-vertical-menu-sub-item-hover-modern group-data-[sidebar=modern]:[&.active]:text-vertical-menu-sub-item-active-modern group-data-[sidebar=modern]:before:[&.active]:text-vertical-menu-sub-item-active-modern group-data-[sidebar-size=md]:before:hidden group-data-[sidebar-size=md]:text-center group-data-[sidebar-size=md]:block group-data-[sidebar-size=sm]:before:hidden group-data-[layout=horizontal]:before:left-[1.4rem] group-data-[layout=horizontal]:md:before:hidden group-data-[layout=horizontal]:ltr:pl-10 group-data-[layout=horizontal]:rtl:pr-10 group-data-[layout=horizontal]:ltr:pr-5 group-data-[layout=horizontal]:rtl:pl-5 group-data-[layout=horizontal]:md:!px-5”
This is nearly impossible to read or understand. Dozens of Tailwind utility classes, custom variables, pseudo-selectors, and theme modifiers all jammed into one unreadable line. It’s like trying to reverse-engineer CSS spaghetti from space.
Problems with this approach:- Completely violates separation of concerns - Impossible to maintain or override specific behavior - A single typo can silently break a massive part of the UI - No meaningful way to reuse logic or styles across components
BR, Medo
Hi Medo,
Thank you for your feedback and kind words!
We understand the complexity you’re experiencing. We’re currently working on a major update with the latest Tailwind CSS version, focusing on improving readability and simplifying utility classes across the template. Most of the work is nearly done, and the update will be available very soon.
We appreciate your input—it helps us make the product better.
I’m encountering a situation when scrolling stops working even when the content on the page are many, which should enable scrolling. The page become static. This behaviour only happens with the build version.
Contact us via support for any queries.
Thank you
I was wondering, if I have a list of rows. I want to be able to delete a certain row. Where you first get a modal to actually remove the row? But how do I give the entity to the modal so the modal knows on the submit call back it has to be removed? I can’t get my head around. Ty
I was wondering if there will be a TailwindCSS 4 version for this? Or can someone explain how to upgrade to tailwindCSS 4?
Thanks, great and nice template!
Hi,
We have plans to upgrade to Tailwind CSS v4.x, but it will take some time.
Thank you for your patience and understanding!
Hi, how disable sorting in data table
Hi,
You can find official documentation here: https://datatables.net/reference/option/ordering
Thank you.
Is the React version also using tailwindcss？
Yes it is. Let us know if you have any questions.
Thank you
How do you implement data table? Demo site and code output are different?
Contact us via support for any queries.
Thank you
Submitted a ticket but been 11hours, and still no reply.
support is super slow! i just want a refund.
Thanks but it seems we have already replied to you within one day. We are in different timezone so it might be little delay in response but we provide one day support to all the customer. Your patience will be highly appreciated.
Thank you
this is standalone or module based app
Please contact us via support so our support team can help you over this.
Thank you
Does this code include for react js
Yes it has included react js version.
Thank you
Multi menu on mobile error. Please check your code. Someone has reported this problem before, but you have not discovered it or intentionally not discovered it because it is very easy to detect. This is an important issue with a template product.
Please contact us via support our support team will share the fix coded with you. We are working on an update and will be available in the next update for sure.
Thank you
Don’t Have Vite?
It has Vite support. Which version ( HTML, React etc ) you are referring to?
Thank you
I’m setting up with react and I don’t see any vite config, when i add vite manually there is a problem that it can’t load styles (css,...), but the network tab is still working, no errors
Sorry but in react we have not used vite config. Vite is used in the HTML and some other versions. You can check plugins details in the react live preview page and description for more details.
Thank you
Do you mean your react can’t use vite or you haven’t setup it yet?
We havent setup yet. We will try to provide in next update if possible but we are not sure at the moment.
Thank you
please help me, i started the project with react, but it seems all transitions, animations are not working, i haven’t edited or configured anything, just yarn install and yarn start
Please contact our support team for more details.
Thank you
I have created a ticket for this issue, please check
Thank you our support team will reply you withing one business day.
Thank you
Which browser you are using and share more details of the window size too.
Thank you
There is bug default layout on mobile preview, menu doesnt work
Please share more details via support so our support team can help you over this.
Thank you
Just open default layout from mobile, we can not open multi menu
It seems to be working fine. Please share url and more details so we can check it.
Thank you
how can i get adobe xd files
Please contact us via support.
Thank you
This product have a lot of critical security issues, so I don’t know why you still selling it without fix it.
47 vulnerabilities found – Packages audited: 1678 Severity: 7 Low | 21 Moderate | 19 High
Please contact us via support.
Thank you
If I purchase this package, can I use the entire feature in the react version? I want to use all the products pages of the Ecommerce part with react-tailwind.
Yes what we have provided in the live demo is provided in the code. Let us know if you have any questions.
Thank you
