212 comments found.
Hello, I just purchased a template and tried change the layout to sideblock in theme.config,js starter folder, but its nothing happen and the template still used main-layout, is there any more setting to update ?
Hi, Did you try clear your localstorage?
yes, i try to clear localstorage but still nothing happen
Actually, the sideblock layout doesn’t work on the apps and settings pages. Please check the src\app\router\protected.jsx file. You’ll see both DynamicLayout and AppLayout there. All routes inside DynamicLayout work correctly with the sideblock, but AppLayout only uses the main layout.
so, if i want to use sideblock layout, what file should i change ?
Edit theme.config.js, then clear localstorage. If nothing change, send your issue with screenshots to our email
Hello, I’m already a existing user of Lineone. I liked this template and I wanted to buy it. But envato asking me to pay $6 as processing fees, that’s insane.. Can I pay you directly using USDT crypto? That way I don’t have to pay a ridiculous $6 processing fees.
Hi, Thanks for your comment!
Just a quick note: Envato charges a $2 handling fee, and depending on your country or bank, there may be additional charges. Also, since this is an Envato-exclusive product and licensed under their terms, we’re unable to sell it outside of their marketplace.
Hello, I just purchased a template and tried to test it in my local environment following the installation guide from the document. I executed yarn and yarn dev in the starter folder. However, it seems that the CSS is not being built properly in the browser. Could you check the build log below and provide feedback?
yarn run v1.22.22 $ vite build vite v6.3.3 building for production… ✓ 1240 modules transformed. Export “AccordionItem” of module “src/components/ui/Accordion/AccordionItem.jsx” was reexported through module “src/components/ui/Accordion/index.js” while both modules are dependencies of each other and will end up in different chunks by current Rollup settings. This scenario is not well supported at the moment as it will produce a circular dependency between chunks and will likely lead to broken execution order. Either change the import in “src/app/layouts/MainLayout/Sidebar/PrimePanel/Menu/CollapsibleItem/index.jsx” to point directly to the exporting module or reconfigure “output.manualChunks” to ensure these modules end up in the same chunk. Export “AccordionPanel” of module “src/components/ui/Accordion/AccordionPanel.jsx” was reexported through module “src/components/ui/Accordion/index.js” while both modules are dependencies of each other and will end up in different chunks by current Rollup settings. This scenario is not well supported at the moment as it will produce a circular dependency between chunks and will likely lead to broken execution order. Either change the import in “src/app/layouts/MainLayout/Sidebar/PrimePanel/Menu/CollapsibleItem/index.jsx” to point directly to the exporting module or reconfigure “output.manualChunks” to ensure these modules end up in the same chunk. Export “Accordion” of module “src/components/ui/Accordion/Accordion.jsx” was reexported through module “src/components/ui/Accordion/index.js” while both modules are dependencies of each other and will end up in different chunks by current Rollup settings. This scenario is not well supported at the moment as it will produce a circular dependency between chunks and will likely lead to broken execution order. Either change the import in “src/app/layouts/MainLayout/Sidebar/PrimePanel/Menu/index.jsx” to point directly to the exporting module or reconfigure “output.manualChunks” to ensure these modules end up in the same chunk. rendering chunks (15)...[esbuild css minify] ▲ [WARNING] Unexpected “)” [css-syntax-error]
<stdin>:3:6910:
3 │ ...bar::webkit-scrollbar-thumb:is(){background-color:var(-color-d...
╵ ^▲ [WARNING] Unexpected “)” [css-syntax-error]
<stdin>:3:7263:
3 │ ...webkit-scrollbar-thumb:hover:is(){background-color:var(--color-d...
╵ ^▲ [WARNING] Unexpected “)” [css-syntax-error]
<stdin>:3:17966:
3 │ ...}.simplebar-scrollbar:before:is(){background-color:var(--color-d...
╵ ^▲ [WARNING] Unexpected “)” [css-syntax-error]
<stdin>:3:42484:
3 │ ...excharts-xaxistooltip:before:is(){color:var(--color-dark-600)!im...
╵ ^▲ [WARNING] Unexpected “)” [css-syntax-error]
<stdin>:3:42660:
3 │ ...pexcharts-xaxistooltip:after:is(){color:var(--color-dark-900)}.a...
╵ ^▲ [WARNING] Unexpected “)” [css-syntax-error]
<stdin>:3:42826:
3 │ ...excharts-yaxistooltip:before:is(){color:var(--color-dark-600)}.a...
╵ ^▲ [WARNING] Unexpected “)” [css-syntax-error]
<stdin>:3:42990:
3 │ ...pexcharts-yaxistooltip:after:is(){color:var(--color-dark-900)}.a...
╵ ^dist/index.html 0.77 kB │ gzip: 0.41 kB dist/assets/index-CU5U0VIc.css 101.24 kB │ gzip: 15.93 kB dist/assets/translations-CZKR5ymE.js 0.17 kB │ gzip: 0.14 kB dist/assets/translations-DMTvHhmW.js 0.21 kB │ gzip: 0.18 kB dist/assets/index-Bu7M-BmJ.js 0.42 kB │ gzip: 0.28 kB dist/assets/Toaster-BO6zFJRr.js 0.57 kB │ gzip: 0.31 kB dist/assets/Page-CzFZ-YIo.js 0.57 kB │ gzip: 0.35 kB dist/assets/EnvelopeIcon-BtWP3Prc.js 0.71 kB │ gzip: 0.43 kB dist/assets/en-DCvu987-.js 0.90 kB │ gzip: 0.58 kB dist/assets/ar-Dck0iWkU.js 1.54 kB │ gzip: 0.92 kB dist/assets/ar-CpuOkTlj.js 2.04 kB │ gzip: 1.15 kB dist/assets/iconBase-DrA4Pd0E.js 3.05 kB │ gzip: 1.36 kB dist/assets/radio-group-Mp9poGmR.js 5.63 kB │ gzip: 2.18 kB dist/assets/index-DK6iTyp2.js 6.01 kB │ gzip: 2.23 kB dist/assets/General-Cf6b765m.js 6.33 kB │ gzip: 1.94 kB dist/assets/index-yEFnQQBU.js 7.16 kB │ gzip: 2.70 kB dist/assets/Layout-CgbzogxS.js 7.49 kB │ gzip: 2.57 kB dist/assets/index-CtXs1Nug.js 13.08 kB │ gzip: 4.61 kB dist/assets/401-DJWoup25.js 17.33 kB │ gzip: 6.47 kB dist/assets/floating-ui.dom-CtcSe9Ld.js 17.62 kB │ gzip: 6.94 kB dist/assets/Appearance-DxVkdEr5.js 18.60 kB │ gzip: 3.73 kB dist/assets/Tooltip-D9AdYpul.js 21.30 kB │ gzip: 7.55 kB dist/assets/index-CVQBy5Bm.js 23.04 kB │ gzip: 6.17 kB dist/assets/index-D1rR_Blc.js 33.73 kB │ gzip: 9.51 kB dist/assets/index-BnuXiHQv.js 62.58 kB │ gzip: 21.97 kB dist/assets/listbox-Bhvc77yk.js 79.97 kB │ gzip: 27.46 kB dist/assets/404-Da12Kt3V.js 91.27 kB │ gzip: 31.62 kB dist/assets/index-C5bkJ7xL.js 99.43 kB │ gzip: 32.53 kB dist/assets/500-D8j2xGbC.js 174.38 kB │ gzip: 51.54 kB dist/assets/index-dZqjsvIX.js 447.25 kB │ gzip: 144.85 kB dist/assets/429-CiBlSBRa.js 493.08 kB │ gzip: 182.27 kB ✓ built in 11.98s Done in 13.13s.
Hi, I just checked everything — it all looks good. Have you tried using npm instead of yarn? Also, could you share your Node, npm, and Yarn versions with me?
Hello, node -v >> v23.11.0 npm -v >> 10.9.2 I have tried building using both npm and yarn.
It seems that I need to share images and files to solve the problem, so I will send additional information via email.
I can’t install whats written in the docs and I get an error: “yarn dev yarn run v1.22.22 warning ..\..\..\..\..\..\package.json: No license field $ vite ‘vite’ is not recognized as an internal or external command, operable program or batch file. error Command failed with exit code 1. info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
C:\Users\*\Desktop\Programming\Java\Projects – Spring\themeforest-pJd5gLlq-tailux-react-tailwind-admin-template\starter>”
In the end it worked. But I’m not sure how to add pages and customize it.
Also, you should have some coding experience to add and customize pages properly.
Can you give me permissions for github? If possible, I would like to contribute. If not, I would like to use the partially converted to typescript version of the project, even if it is not complete at the moment. my github is github.com/qraxiss
ok
I’ve just invited you to the repository. Feel free to contact us at piniahelp@gmail.com if you have any questions.
I’m having a very hard time understanding why if I set themeLayout to “side block” in theme.config.js, the Profile.jsx shows in the upper right corner and the nav displays in side block mode, but as soon as I choose one of the settings in Profile.jsx the site reverts to “main-layout.” This is completely inconsistent UX.
Also, it would be essentially helpful if the myriad of files had docblocks that explained their function and how they are used (for example, ‘This file is used when themeLayout is set to “sideblock”).
That’s exactly why we didn’t include layout customization under Settings → Appearance. Using multiple layout types within a single app can lead to inconsistency and a poor user experience. For this reason, choosing a layout is considered a developer-level decision, not something left to the end user.
We used the main layouts in apps: chat, kanban, task, setting, for rest you can use any layout you like.
If you take a look at src/app/router/protected.jsx, you’ll see two main layout trees:
DynamicLayout AppLayout
We’ve added comments in the code to help clarify where and how these layouts are used. You can also explore their child routes to better understand the structure.
Thanks! Got it resolved.
hey, do you have a nextjs version of this ?
Hi, currently no.
Hey I have https://themeforest.net/item/lineone-multipurpose-admin-and-webapp-ui-kit-based-on-tailwind-css/38247812 and I just bought Tailux. I think what I’m kind of looking for is the lineone softer theme. I love how lineone has softer backgrounds and cards. Is it possible to do a theme in this product of the same light/dark/monochrome? Its so close but lineone looks slightly better because it has softer lines/tones/ Let me know 
Mainly Tailux has really defined lines. Happy to discuss what I mean here.
Hi,
Lineone and Tailux are designed with modern UI/UX trends in mind. Lineone aligns more closely with Google’s and Microsoft’s design principles, while Tailux leans toward Apple’s aesthetic. You can easily customize Tailux to resemble Lineone’s interface.
To achieve a UI similar to Lineone, follow these steps:
Go to Settings → Appearance
Apply the following changes:
Card Skin: Set to shadow (shadow-sm)
Dark Mode Color: Set to Navy
These adjustments will bring the Tailux interface closer to Lineone’s look and feel.
Sorry if I’m overlooking it, but where’s the documentation for cards?
Hi, Sorry for that, we will add it
Thank you! Can you ping me here when you do?
What’s the status please?
Me and my team waiting for typescript version…
Is this theme compatible with Laravel 12 ?
Hi This is React JS template.
You indicated that the TypeScript version would be ready by the end of March, but today is April 18th and we still haven’t received it. This delay is concerning from a professional standpoint. Could you please provide us with an exact date when it will be ready?
You’re right. In the meantime, we also upgraded the theme to Tailwind CSS v4. Additionally, I wasn’t satisfied with the quality of work from our previous contractor who was handling the TypeScript conversion. Because of that, we’ve brought in a new contractor, and we’re aiming to release it later this month.
Hello,
I purchased this item, later noticed that I need to have a NextJs dashboard. 1. Do you have the NextJs version? 2. Do you recommend converting this into NextJs? 3. How complex will it be to convert this in to NextJs admin dashboard?
Hi! That depends on your requirements. We’ve designed this React template to be SSR-friendly, so it should work well with any SSR framework. However, fully converting it to Next.js might require some additional adjustments, and I can’t say for sure how seamless that process would be.
Hello, How complex will it be to convert this React Dashboard to NextJs? Do you recommend converting this project to NextJs?
Hi! That depends on your requirements. We’ve designed this React template to be SSR-friendly, so it should work well with any SSR framework. However, fully converting it to Next.js might require some additional adjustments, and I can’t say for sure how seamless that process would be.
Hey!
How are you? I have a question: Do you have the Figma for the project? Can you share that with me too?
Thank you so much!
The template is excellent! It has a lot of great features.
Hi, Thanks for your comment. We don’t have figma file now
Hello, my name is Pradier Cameron. I recently purchased your template—thank you for your response to my comment.
We are a young startup currently developing our web application, and we plan to use your template with TypeScript. We only need the components that you have already adapted for TypeScript.
Would it be possible to get access to those existing TypeScript components?
Thank you for your time and response. Best regards, Pradier Cameron CEO – ThinkBer
I want this theme to be html version:::; when going to be this html version
Currently, we don’t have plan to add HTML edition
Hi,
How can I set a dark and light logo here?
Thanks
Hi, you can use className:
<LightLogo/> <DarkLogo/>Or theme hook:
const { isDark } = useThemeContext() {isDark ? <DarkLogo/> : <LightLogo/>}
Hi, great job building Tailux.
I have a doubt: does Tailux comes with the Backend/API/Database. I mean, when I install it does it populate the database?
Thanks
Hi, this project doesn’t include a database – we used fakedata.js to populate the content.
Thanks for the answer.
If I purchase this version 1.2.1 now, when you’ll be releasing the TypeScript version will it be included in the updates or will I need to purchase it again?
Hi, once you make a purchase, you’ll receive lifetime access to all future updates -including the TypeScript edition and more.
Hello, I like your work. I also like the tables in Tailux and i have a question: Is it possible to use/insert the tables on Elementor/WordPress website? I just need to show a table on my website. If yes, what is the process to do so? And is it going to be very complicated since a also want to edit the table alot so it can suit what I am trying to do. Regards
Hi, this is a React application, so you’ll need to find a plugin that allows you to embed React components into an Elementor page.
