Discussion on Tailwise - Tailwind CSS HTML, Vue, React, Laravel Admin Dashboard Kit + Figma Design File

Discussion on Tailwise - Tailwind CSS HTML, Vue, React, Laravel Admin Dashboard Kit + Figma Design File

Cart 407 sales
Well Documented

Left4code supports this item

Supported

This author's response time can be up to 2 business days.

78 comments found.

zee61

zee61 Purchased

Hi, when I run a ReactJS project I get the following error:

already installed the package plugin:vite:css Missing ”./dist/simplebar.css” specifier in “simplebar” package

Hi, When will you be updating to Tailwind 4. Its been 3 months.This would really help us. Please provide ETA

Hi! Thanks for reaching out. At the moment, we don’t have a confirmed release date for the Tailwind 4 update on Tailwise. We totally understand it’s important for your workflow, and we’ll make an announcement as soon as we have an ETA. Appreciate your patience!

Let us know if there’s anything else we can help with in the meantime.

Hi, Im sorry before last mail

I would like to ask about the compatibility of your Tailwise theme. My existing project currently uses the following technologies:

React 18.3.1 TypeScript Redux Toolkit Tailwind CSS 3 i18next Axios Additionally, my package.json includes these dependencies: “type”: “module”, “dependencies”: { ”@reduxjs/toolkit”: “2.5.1”, “axios”: “1.7.9”, “dayjs”: “1.11.13”, “i18next”: “24.2.2”, “i18next-browser-languagedetector”: “8.0.3”, “jsonwebtoken”: “9.0.2”, “msgpackr”: “1.11.2”, “papaparse”: “5.5.2”, “react”: “18.3.1”, “react-dom”: “18.3.1”, “react-i18next”: “15.4.1”, “react-redux”: “9.2.0”, “react-router-dom”: “6.28.2”, “sweetalert2”: “11.15.10” } My questions are:

Can I install additional dependencies without conflicts? Is the theme compatible with React 18.3.1, or does it require React 19? Does the theme already include Redux, or will I need to set it up manually? Does it support Tailwind CSS 3 fully? Does it use react-router-dom for routing, and which version? Is there detailed documentation on modifying and extending the theme? I appreciate your response. Looking forward to your reply.

Best regards, [Sarunya]

Hi Sarunya, Sorry for the late reply, and thank you for reaching out!

To answer your questions:

- Yes, you can install additional dependencies without conflicts — the theme is flexible and modular. - The template is compatible with React 18.3.1, so you don’t need to upgrade to React 19. - Redux is not included by default, so you’ll need to set it up manually if required. - The current version still uses Tailwind CSS v3, but we plan to upgrade to v4 in a future update. - It uses react-router-dom v6.x for routing.

We include clear documentation to help you modify and extend the template to suit your project.

Let us know if you have any more questions — we appreciate your interest and support!

Hi,

I would like to ask about the compatibility of your Echo theme. My existing project currently uses the following technologies:

React 18.3.1 TypeScript Redux Toolkit Tailwind CSS 3 i18next Axios Additionally, my package.json includes these dependencies: “type”: “module”, “dependencies”: { ”@reduxjs/toolkit”: “2.5.1”, “axios”: “1.7.9”, “dayjs”: “1.11.13”, “i18next”: “24.2.2”, “i18next-browser-languagedetector”: “8.0.3”, “jsonwebtoken”: “9.0.2”, “msgpackr”: “1.11.2”, “papaparse”: “5.5.2”, “react”: “18.3.1”, “react-dom”: “18.3.1”, “react-i18next”: “15.4.1”, “react-redux”: “9.2.0”, “react-router-dom”: “6.28.2”, “sweetalert2”: “11.15.10” } My questions are:

Can I install additional dependencies without conflicts? Is the theme compatible with React 18.3.1, or does it require React 19? Does the theme already include Redux, or will I need to set it up manually? Does it support Tailwind CSS 3 fully? Does it use react-router-dom for routing, and which version? Is there detailed documentation on modifying and extending the theme? I appreciate your response. Looking forward to your reply.

Best regards, [Sarunya]

Hi Sarunya, Sorry for the late reply, and thank you for reaching out!

To answer your questions:

- Yes, you can install additional dependencies without conflicts — the theme is flexible and modular. – The template is compatible with React 18.3.1, so you don’t need to upgrade to React 19. – Redux is not included by default, so you’ll need to set it up manually if required. – The current version still uses Tailwind CSS v3, but we plan to upgrade to v4 in a future update. – It uses react-router-dom v6.x for routing.

We include clear documentation to help you modify and extend the template to suit your project.

Let us know if you have any more questions — we appreciate your interest and support!

I followed your document to install it. But when I run “npm run dev” it gets this error “A PostCSS plugin did not pass the `from` option to `postcss.parse`. This may cause imported assets to be incorrectly transformed. If you’ve recently added a PostCSS plugin that raised this warning, please contact the package author to fix the issue.”

https://prnt.sc/m3OLhOGua-fU

Bad support. They didn’t answer my email too

Hi! Sorry for the late reply, and thanks for reaching out.

You can safely ignore that warning — it only appears during development and won’t affect your build or app functionality. That said, we’ve just released a new update with Tailwind CSS v4, and this warning should no longer appear in the latest version.

Feel free to give it a try, and let us know if you run into anything else!

I did not see the code of switch dark/light from the theme

https://monosnap.com/file/jMjYrkqSh6X0GEQo4QPclqP1HqCZCL

Hi, I bought “Tailwise – Tailwind CSS HTML, Vue, React, Laravel Admin Dashboard Kit + Figma Design File” but in the purchased archive there are several issues:

- Design file includes only a few pages. - HTML version works. A ton of errors in the console related to CSS and JS. I haven’t checked React, Vue, and Laravel versions yet. But I need the actual HTML version and Figma file.

Thanks.

Hi, Sorry for the late reply, and thank you for reaching out!

Could you please provide more details about the errors you’re seeing in the HTML version, specifically the ones related to CSS and JavaScript? This will help us investigate and assist you more effectively.

Also, regarding the Figma file — it’s true that it only includes selected key pages, not the full design of every screen.

Looking forward to your response so we can help you further!

Landing page is not responsive. i download new template but not work. Can you tell me how to fix?

Bad support.

Hi! Sorry for the late reply, and thank you for reaching out to us.

Just to clarify — the landing page is only for demo purposes and is not included in the template package. That’s why it may not work as expected in your setup.

Let us know if there’s anything else we can help with!

Hi, Sorry for the late reply. This version is a bundle that includes multiple frameworks inside, whereas the other version is focused on just the HTML template.

Hi, why doesn’t the Dark Theme work, while it works on the demo version.

Hi,

We apologize for the inconvenience with the missing dark theme toggle. We’ve updated the package to resolve this issue, so please download it again to access the theme toggle buttons.

Best regards

Thank you, its work)

You’re very welcome!

If you have any more questions or need further assistance, don’t hesitate to reach out. Enjoy using the dark theme!

Hi. I would like to ensure that the sidebar remains open at all times on desktop. Could you send instructions for both the HTML and React versions? Thanks!

For the React version, open the following file:

React File: ”/src/themes/Echo/index.tsx”

Find and change the following line:


// const compactMenu = useAppSelector(selectCompactMenu);
const compactMenu = false;

This will ensure the compact menu is always set to “false” and the sidebar remains open at all times on desktop.

Let me know if you need any further assistance!

Thanks a lot for your help. That worked.

You’re very welcome! I’m glad to hear that it worked.

If you have any more questions or need further assistance, feel free to reach out anytime. We’re here to help!

Hello,

I bought the theme and I really liked it. I need paid customization. Do you have an email address that I can reach you for?

Hi, thank you for your interest in the theme and your kind words! Unfortunately, I’m unable to find a purchase badge on your account. To proceed with any further assistance, please ensure the theme was purchased under this account.

Once confirmed, feel free to reach out, and I’d be happy to assist you further!

Thank you very much for your feedback. I have sent you my purchase code via Envato send mail field. I would love to talk about paid project customization.

I want to make a version where Vue + Laravel version works together. I bought this version but there is a problem with the work. I want to contact you to make these paid arrangements. I sent an e-mail via Envato but I did not get a response.

I don’t see the wizard form with validation there, can you update it ? This template is very good for me, i will buy it later, i hope you update it

what I mean is vertical wizard form with validation

Hi, thank you for your suggestion and kind words about the template! At the moment, we’re focusing on developing a dark mode version, so updates like the wizard form with validation are not in the immediate plans. However, I appreciate your feedback, and I’ll keep it in mind for future updates.

hello why landing page is not responsive ?

Hello,

We have already released an update to address the responsiveness issue. Please check the demo to see the improvements. Let us know if you encounter any further issues!

Best regards

Is dark mode available for this theme? if not is there any way to setup this eazly

Hi there,

Thank you for your inquiry! Unfortunately, the dark mode version is not available at this time. We understand the importance of this feature and are working towards making it available in the future.

Let us know if you need any further assistance!

Best regards

hi I have an ask for this theme in 4 versions ( VUE – REACT – HTML – Laravel ) + figma 4 versions = 4 projects separated each another folder or mixed in one project

Hi there,

Thank you for your question! The Figma file is only available as one file for all versions (Vue, React, HTML, and Laravel). It is not separated into different files for each version.

Let me know if you have any further questions!

Best regards

Are you planning to integrate a dark mode?

4 months ago you wrote “we’re currently focused on preparing a dark mode version”. When will this update be released? For us this is a deal breaker actually. Thank you

Hello, I’m using the template and I’m having a 404 not found error when reload the routes in deployed app(react). In dev works well. Do you have a clue on this issue?

Hi there,

Thank you for your message! Unfortunately, we couldn’t find an active license for this item. Please extend your support license so we can assist you further in resolving the issue you’re experiencing.

If you have any other questions, feel free to reach out.

Best regards

hi i have purchased Tailwise but when i try to run it ( Vue )

i have this errors

12:12:53 [vite] Internal server error: [@vue/compiler-sfc] withDefaults() is unnecessary when using destructure with defineProps().

and it won’t run

Hi there,

Thank you for using our template! We have released an update for the Vue version. Please redownload the project and replace the components in the following directory: ”/src/components/Base” to resolve the issue you’re facing.

If you need further assistance, feel free to reach out.

Best regards

Hello, may I ask if you are gonna implement error pages, such as “Not Found”, “Forbidden”, “Not Authorized” and “Service Unavailable”, etc… or just one general design for all error types, both will do. Thank you.

Hi there,

Thank you for your message! Unfortunately, we currently do not have plans to implement specific error pages like “Not Found”, “Forbidden”, “Not Authorized”, or “Service Unavailable.”

If you have any other questions, feel free to reach out.

Best regards

Please, how do I keep the sidebar always open on the desktop?

Hi,

To keep the sidebar always open on desktop, please follow these steps:

- Go to the path ”/resources/views/themes” and choose your desired theme. - Open the corresponding file, for example, “echo.blade.php”. - Find the class “side-menu—collapsed” and remove it.

<div xl:ml-0="" shadow-xl="" transition-="" duration-300="" xl:shadow-none="" fixed="" top-0="" left-0="" z-50="" side-menu="" group="" inset-y-0="" xl:py-3.5="" xl:pl-3.5="" after:fixed="" after:inset-0="" after:bg-black="" after:xl:hidden="" after:hidden=""> - Next, navigate to "/resources/js/themes" and choose the related JavaScript file according to your selected theme "echo.js". Find the relevant code for collapsing the sidebar and update it to ensure the sidebar remains open as needed. <code> // Side Menu Collapse const compactMenu = localStorage.getItem("compactMenu"); // Adjust this line if (compactMenu === "true") { // if (compactMenu === null || compactMenu === "true") { localStorage.setItem("compactMenu", "true"); $(".side-menu").first().addClass("side-menu--collapsed"); $(".content").first().addClass("content--compact"); } else { $(".side-menu").first().removeClass("side-menu--collapsed"); $(".content").first().removeClass("content--compact"); } </code> If you need further assistance, feel free to reach out. Best regards</div>

Thanks for the information, but I have 2 questions. I’m using the VIPER template.

In the file “resources/views/themes/viper.blade.php” the class “side-menu—collapsed” appears 12 times. Which one should I remove?

Another question: where can I find this code you provided and what should I do? Thank you <div xl:ml-0="" shadow-xl="" transition-="" duration-300="" xl:shadow-none="" fixed="" top-0="" left-0="" z-50="" side-menu="" group="" inset-y-0="" xl:py-3.5="" xl:pl-3.5="" after:fixed="" after:inset-0="" after:bg-black="" after:xl:hidden="" after:hidden=""> </div>

Hi there,

Thank you for your reply! For the Viper theme, you can remove the “side-menu—collapsed” class at line 19 in the file resources/views/themes/viper.blade.php. That’s it!

Let me know if you have any further questions!

Best regards

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey