Discussion on Tailux - React Tailwind Admin Template (React 19)

Discussion on Tailux - React Tailwind Admin Template (React 19)

Cart 1,257 sales
Recently Updated
Well Documented

PiniaStudio supports this item

Supported

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

211 comments found.

lotusy

lotusy Purchased

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.

sctaix

sctaix Purchased

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?

sctaix

sctaix Purchased

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.

Hi, If you encounter issues with Yarn, you can use npm instead. To learn how to add new pages, check the guide here: https://tailux.piniastudio.com/docs/getting-started#starter

Also, you should have some coding experience to add and customize pages properly.

craxiss

craxiss Purchased

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

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.

dbteku

dbteku Purchased

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 :)

dbteku

dbteku Purchased

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.

Hi,

I recently purchased the Tailux React Tailwind Admin Template from ThemeForest—great work on the design!

I wanted to ask:

1. Do you have an approximate release date for the TypeScript version? It would help me plan my development timeline accordingly.

2. Are there any plans to migrate the template to Next.js in the future?

Looking forward to your response.

Best regards, Fazalul Abid

Hi, we do plan to release it asap, but at the moment, we can’t provide an exact ETA. Quality is our top priority.

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