48 comments found.
Any plans on releasing a version with TailwindCSS 4?
Bagaimana cara install dari codeigniter + tailwinds yang sudah jadi?
Bonjour, J’ai de gros problèmes pour l’intégrer dans un projet symfony 7. Pourriez-vous m’indiquer la marche à suivre ? Pour utiliser les fichiers compilés, faut-il installer postcss et esbuild ? Merci
Hi! Sorry for the late reply, and thank you for reaching out.
Yes, you’ll need to use ESBuild, as it’s the compiler we’ve used for this template. You just need to adjust the paths according to the structure we’ve provided in the documentation.
Let us know if you need help setting it up with Symfony — we’re happy to assist!
Hello, how can I fix the sidebar so that it is always open and the icons are only visible on mobile devices?
Greetings Christian
Hi Christian, Sorry for the late reply, and thank you for reaching out!
Could you please clarify what you mean by “sidebar always open”? Do you want it to stay fully expanded on desktop at all times?
Also, could you let us know which theme you’re using so we can guide you more accurately?
Looking forward to your reply!
Goodnight! I would like to ask a question. I’ve been reading some comments and people repeat the same mistake when they don’t know how tailwind works, so I could assume that if I turn on npm run dev, the css part will be loaded for preview, and that’s pretty cool. The question is: by purchasing this version, will I be able to create my own components in Laravel, since I will have the entire code to distribute according to my needs?
Thanks for reaching out!
Yes, you absolutely can! You’ll have full access to the code, allowing you to update, customize, and adjust the components to fit your specific needs.
Best regards
I’m curious if I have the latest version. Most elements seem to use inline CSS, which makes site-wide edits really cumbersome and messy. Can you confirm if the latest version uses external CSS? I’ve noticed some elements do, but most still rely on inline styles.
Hi, thank you for your question. Could you clarify what you mean by “external CSS”? The template is built using TailwindCSS, which is a utility-based framework. Instead of traditional external stylesheets, TailwindCSS uses utility classes to style elements directly in the markup.
For more information about the available utility classes and how they work, please check the link below:
https://tailwindcss.com/If you’re referring to a different kind of styling setup, feel free to share more details, and I’ll be happy to assist further!
Hi, how can i change logo of menu, login and other views
Hi there,
Thank you for using our template, and we apologize for the delayed response. Could you please let us know which theme version you are using? This will help us guide you on how to change the logo in the menu, login, and other views.
Best regards
Hi, I bought this product: https://tailwise-html.vercel.app/echo-landing-page.html when I downloaded it, I could see Source folder but inside there wasn’t the folder dist, and the HTML file was not working.
Please, I need your support.
Many Thanks in advance. _ Abrahan
Hi there,
Thank you for using our template! You’ll need to run the build process to generate the assets, as Tailwind generates the CSS code based on what you write in your HTML files. However, we’ve now added a “Compiled” version to the package, where the generated assets are already included. Please redownload the package to access it.
If you need further assistance, feel free to reach out.
Best regards
Hi! The JS Files I got with the download of the theme are not working – they only contain some import statements instead of the actual JS code that is present in the live preview.
For example the js/vendors/dom.js contains: import dom from ”@left4code/tw-starter/dist/js/dom”; window.$ = dom;
Can you please update the item so I can download the actual js files so the template is working? Thx
Hi there,
Thanks for reaching out. You need to install the dependencies and run the compiler to generate the actual JS files. Please follow these steps:
1. Install Dependencies: Make sure you have Node.js and npm installed on your machine. These are required for managing project dependencies.
2. Navigate to Project Directory: Open a terminal or command prompt and navigate to the directory where you have the template files.
3. Install Node Modules: Run npm install to install the project-specific dependencies, including Tailwind CSS.
4. Run Build Command: Execute the build command to compile the Tailwind CSS. The command might look something like:
yarn run build
This command processes your stylesheets, applies the utility classes, and outputs the final CSS file.
5. Development Mode (Optional): If you’re making changes to the template, you can use a watch command that automatically recompiles the CSS when changes are detected:
yarn run dev
Locating Assets:
After running the build command, look for the compiled CSS and JS files in the project directory. Update your HTML files to reference these files. The specific paths may vary based on your project structure.
If you have any specific questions or encounter issues at any step, feel free to reach out. I’m here to assist you in getting the most out of the template.
Best regards
Hi! Could you just send me the correct files in the current version? Im not planning to work with Node or any depencies and I will never use any updates. I just need the working HTML/CSS to customize, its gonna be a static website. I dont know about Node, etc. and I bought a regulare HTML template haha
Hello,
Thank you for reaching out.
Please email us at leftforcode@gmail.com, and we’ll assist you with your request.
We look forward to helping you!
Best regards
Hello,
I have purchased Admin HTML licence but vendor files are missing from the source. Such as Vendor js & Css files.
Ex : tailwind-merge.js, js/vendors/lucide.js etc
Could you please let me know where to find these file?
Hi there,
Thanks for reaching out. You need to install the dependencies and run the compiler to generate the actual JS files. Please follow these steps:
1. Install Dependencies: Make sure you have Node.js and npm installed on your machine. These are required for managing project dependencies.
2. Navigate to Project Directory: Open a terminal or command prompt and navigate to the directory where you have the template files.
3. Install Node Modules: Run npm install to install the project-specific dependencies, including Tailwind CSS.
4. Run Build Command: Execute the build command to compile the Tailwind CSS. The command might look something like:
yarn run build
This command processes your stylesheets, applies the utility classes, and outputs the final CSS file.
5. Development Mode (Optional): If you’re making changes to the template, you can use a watch command that automatically recompiles the CSS when changes are detected:
yarn run dev
Locating Assets:
After running the build command, look for the compiled CSS and JS files in the project directory. Update your HTML files to reference these files. The specific paths may vary based on your project structure.
If you have any specific questions or encounter issues at any step, feel free to reach out. I’m here to assist you in getting the most out of the template.
Best regards
Hi I have purchased Tailwise – Tailwind CSS HTML Admin Dashboard Template My Purchase code is: e4bfe169-1359-40ed-b989-811e41762d18 I want to use it in HTML format, how can I use it, Could you please help
Hi there,
Thanks for reaching out. The template is already in HTML format. Have you installed the dependencies and run the build command? If not, please follow these steps:
1. Install Dependencies: Make sure you have Node.js and npm installed on your machine. These are required for managing project dependencies.
2. Navigate to Project Directory: Open a terminal or command prompt and navigate to the directory where you have the template files.
3. Install Node Modules: Run npm install to install the project-specific dependencies, including Tailwind CSS.
4. Run Build Command: Execute the build command to compile the Tailwind CSS. The command might look something like:
yarn run build
This command processes your stylesheets, applies the utility classes, and outputs the final CSS file.
5. Development Mode (Optional): If you’re making changes to the template, you can use a watch command that automatically recompiles the CSS when changes are detected:
yarn run dev
Locating Assets:
After running the build command, look for the compiled CSS and JS files in the project directory. Update your HTML files to reference these files. The specific paths may vary based on your project structure.
If you have any specific questions or encounter issues at any step, feel free to reach out. I’m here to assist you in getting the most out of the template.
Best regards
from you reply it is clear that your template is not a HTML template HTML templates are simple direct usable templates which I use after chancing the content only. I do not have Node.js and npm installed my computer and I have no intention to install them. I need pure usable HTML template, all of my previous purchases were in that format.
if you can send me usable HTML files please prepare them and send otherwise please return the purchase
Hello,
Thank you for your message.
HTML is the markup extension we use, and we do not use any frameworks for the HTML files themselves. However, the steps mentioned are part of the workflow to generate CSS files, as Tailwind CSS requires a compiler.
You can learn more about this process by checking out the following link:
https://tailwindcss.com/docs/guides/viteIf you need further assistance or have any other concerns, please feel free to reach out.
Best regards
Love the design, already using it on my laravel project. Any chance we might get new components? pages? subscription pages, marketing pages ie. pricing components? etc.. similar to what we you will find i tailwindui components?
Hey there,
Thanks for the feedback! We’re glad you’re enjoying the design in your Laravel project. At the moment, we don’t have plans for new components or pages like subscription, marketing, or pricing pages similar to Tailwind UI. However, we appreciate your suggestions and will consider them for future updates.
If you have any other questions or need assistance, feel free to reach out!
Best
Im Not sure am i allowed to use tailwise to create a cms theme and make it public
(with regular license)
Hi There,
Thanks for your question! Unfortunately, neither the regular nor extended license allows for public distribution of the product. Both licenses are only valid for one domain.
If you plan to use it for a SAAS product, you’ll need to purchase an extended license.
Best regards
Please can you send me this dummy data: https://dummy-data.left4code.com/ as it seems this data is no longer available. It would be useful to learn its structure so i can familiarise myself with the data structure.
and on another note, how do i keep the sidemenu open by default?
Hi there,
Thank you for reaching out. Here is an example of the JSON format from the API:
{
"last_page": 4,
"data": [
{
"id": "11",
"name": "Samsung Q90 QLED TV",
"category": "Electronic",
"remaining_stock": 70,
"status": 0,
"images": ["preview-10.jpg", "preview-4.jpg", "preview-5.jpg"]
},
{
"id": "12",
"name": "Nike Tanjun",
"category": "Sport & Outdoor",
"remaining_stock": 101,
"status": 1,
"images": ["preview-8.jpg", "preview-7.jpg", "preview-13.jpg"]
},
{
"id": "13",
"name": "Sony A7 III",
"category": "Photography",
"remaining_stock": 50,
"status": 1,
"images": ["preview-7.jpg", "preview-14.jpg", "preview-5.jpg"]
},
{
"id": "14",
"name": "Nike Air Max 270",
"category": "Sport & Outdoor",
"remaining_stock": 62,
"status": 1,
"images": ["preview-7.jpg", "preview-2.jpg", "preview-7.jpg"]
},
{
"id": "15",
"name": "Nikon Z6",
"category": "Photography",
"remaining_stock": 100,
"status": 1,
"images": ["preview-15.jpg", "preview-5.jpg", "preview-10.jpg"]
}
]
}
This should help you get familiar with the data structure. If you have any more questions or need further assistance, feel free to ask.
Thank you
Hi,
Thanks for reaching out. If you need anything else, please feel free to contact us.
Please can you send me this dummy data: https://dummy-data.left4code.com/ as it seems this data is no longer available. It would be useful to learn its structure so i can familiarise myself with the data structure.
how do i keep the side-menu open by defult?
Hi there,
Thank you for reaching out to us, and I apologize for the delayed response. To keep the side menu open by default, please follow these steps:
1. Open ”/src/js/themes/[your-theme].js”. Then remove the following code.
// Side Menu Collapse
const compactMenu = localStorage.getItem("compactMenu");
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");
}
// Side Menu Hover
$(".side-menu .side-menu__content").each(function () {
$(this).on("mouseover", function () {
$(".side-menu").first().addClass("side-menu--on-hover");
});
});
2. In your HTML file, remove the class “content—compact”. 3. Don’t forget to recompile to rebuild your JS assets.
This should keep the side menu open by default. If you have any more questions or need further assistance, feel free to ask.
Best regards
hello can i get laravel versiyon?
Hello,
Thank you for reaching out!
Yes, you can get the Laravel version of our template. Please check this link for the Laravel version:
https://themeforest.net/item/tailwise-intuitive-tailwind-dashboard-kit/48659596If you have any questions or need further assistance, feel free to ask!
Best regards
I have a question, it seems that echo-landing-page.html is not made for responsive to a smaller display, or is there additional step to make it mobile responsive?
Sorry for the multiple comments, did not mean to spam, because I can’t edit or delete my previous comments.
Hi there,
Thank you for using our template! I hope you’re enjoying it!
The Echo landing page isn’t part of the template package and is mainly used for promotional and listing purposes for Tailwise. However, we’ll work on improving its responsiveness in a future update. Thanks for bringing this to our attention!
Best regards
Finally able to get it to work after following your instruction with npm install and yarn build. Thanks a lot. Great themes!
Glad to hear you got it working! If you have any further questions, feel free to reach out!
Best regards
Hi, I have purchased the HTML CSS Tailwise theme, but I’m having difficulties running it, tried to open any html file from /Source/ and all is broken pages, have tried moving dist folder and renaming src to dist, but still broken pages for all. Is there any step to display the html pages correctly? Thanks