205 comments found.
Hi! Is there a landing page that comes with this? I love the page at https://tailux-landing.vercel.app but I’m not able to find it in the demo app.
Hi! Thanks for your purchase and your comment.
The demo landing page is built with Next.js and React.js. It’s only meant to showcase Tailux features and isn’t part of the commercial package, so support for it isn’t included.
However, if you’d like access to the source code, just share your GitHub username and I’ll add you to the landing page demo repo
Best Regards
That would be amazing! Thanks! My GitHub username is primetheus
Invited
I recently purchased Tailux. I’m trying to compile the demo and starter with `npm run build`, but it’s generating errors and not completing the process in both JavaScript and TypeScript. Could you please help me with this?
papa@salmos:/workspace/tailux/ts/demo$ npm run dev
> react-tailux-ts-vite@1.3.2 dev > vite
0:08:23 [vite] (client) Re-optimizing dependencies because vite config has changed ^C papa@salmos:/workspace/tailux/ts/demo$ ls eslint.config.js node_modules package-lock.json public src tsconfig.json vercel.json index.html package.json prettier.config.js README.md tsconfig.app.json tsconfig.node.json vite.config.ts papa@salmos:/workspace/tailux/ts/demo$ npm run build
VITE v7.2.2 ready in 1463 ms
➜ Local: http://localhost:5173/
➜ Network: use --host to expose
➜ press h + enter to show help
> react-tailux-ts-vite@1.3.2 build > tsc -b && vite build
src/app/pages/dashboards/cms-analytics/PageViews/Statistics.tsx:34:9 – error TS2322: Type ‘Dispatch<SetStateAction<Page>>’ is not assignable to type ‘(value: unknown) => void’. Types of parameters ‘value’ and ‘value’ are incompatible. Type ‘unknown’ is not assignable to type ‘SetStateAction<Page>’.
34 onChange={setSelectedPage} ~~~~
node_modules/@headlessui/react/dist/components/combobox/combobox.d.ts:21:5
21 onChange?: (value: TMultiple extends true ? EnsureArray<TValue> : TValue | null) => void;
~~~~
The expected type comes from property 'onChange' which is declared here on type 'IntrinsicAttributes & { data: DataItem[]; placeholder?: string | undefined; label?: ReactNode; displayField?: string | undefined; error?: string | ... 1 more ... | undefined; ... 11 more ...; invalid?: boolean | undefined; } & Omit<...> & RefAttributes<...>'
src/app/pages/forms/KYCForm/components/DocumentType.tsx:45:9 – error TS2322: Type ‘DocumentType | null’ is not assignable to type ‘DocumentType | undefined’. Type ‘null’ is not assignable to type ‘DocumentType | undefined’.
45 value={documentTypes.find((doc) => doc.key === value) || null} ~~~
node_modules/@headlessui/react/dist/components/radio-group/radio-group.d.ts:13:5
13 value?: TType;
~~~
The expected type comes from property 'value' which is declared here on type 'IntrinsicAttributes & CleanProps<"div", "value" | "disabled" | "form" | "defaultValue" | "onChange" | "name" | "by" | RadioGroupPropsWeControl> & OurProps<...> & { ...; } & { ...; } & { ...; }'
src/app/pages/forms/autocomplete/Styled.tsx:32:9 – error TS2322: Type ‘Dispatch<SetStateAction<Person>>’ is not assignable to type ‘(value: unknown) => void’. Types of parameters ‘value’ and ‘value’ are incompatible. Type ‘unknown’ is not assignable to type ‘SetStateAction<Person>’.
32 onChange={setSelected} ~~~~
node_modules/@headlessui/react/dist/components/combobox/combobox.d.ts:21:5
21 onChange?: (value: TMultiple extends true ? EnsureArray<TValue> : TValue | null) => void;
~~~~
The expected type comes from property 'onChange' which is declared here on type 'IntrinsicAttributes & { data: DataItem[]; placeholder?: string | undefined; label?: ReactNode; displayField?: string | undefined; error?: string | ... 1 more ... | undefined; ... 11 more ...; invalid?: boolean | undefined; } & Omit<...> & RefAttributes<...>'
src/app/pages/forms/autocomplete/StyledError.tsx:33:9 – error TS2322: Type ‘Dispatch<SetStateAction<Person[]>>’ is not assignable to type ‘(value: unknown) => void’. Types of parameters ‘value’ and ‘value’ are incompatible. Type ‘unknown’ is not assignable to type ‘SetStateAction<Person[]>’.
33 onChange={setSelected} ~~~~
node_modules/@headlessui/react/dist/components/combobox/combobox.d.ts:21:5
21 onChange?: (value: TMultiple extends true ? EnsureArray<TValue> : TValue | null) => void;
~~~~
The expected type comes from property 'onChange' which is declared here on type 'IntrinsicAttributes & { data: DataItem[]; placeholder?: string | undefined; label?: ReactNode; displayField?: string | undefined; error?: string | ... 1 more ... | undefined; ... 11 more ...; invalid?: boolean | undefined; } & Omit<...> & RefAttributes<...>'
src/app/pages/forms/autocomplete/StyledHighlight.tsx:32:9 – error TS2322: Type ‘Dispatch<SetStateAction<Person[]>>’ is not assignable to type ‘(value: unknown) => void’. Types of parameters ‘value’ and ‘value’ are incompatible. Type ‘unknown’ is not assignable to type ‘SetStateAction<Person[]>’.
32 onChange={setSelected} ~~~~
node_modules/@headlessui/react/dist/components/combobox/combobox.d.ts:21:5
21 onChange?: (value: TMultiple extends true ? EnsureArray<TValue> : TValue | null) => void;
~~~~
The expected type comes from property 'onChange' which is declared here on type 'IntrinsicAttributes & { data: DataItem[]; placeholder?: string | undefined; label?: ReactNode; displayField?: string | undefined; error?: string | ... 1 more ... | undefined; ... 11 more ...; invalid?: boolean | undefined; } & Omit<...> & RefAttributes<...>'
src/app/pages/forms/autocomplete/StyledMultiple.tsx:32:9 – error TS2322: Type ‘Dispatch<SetStateAction<Person[]>>’ is not assignable to type ‘(value: unknown) => void’. Types of parameters ‘value’ and ‘value’ are incompatible. Type ‘unknown’ is not assignable to type ‘SetStateAction<Person[]>’.
32 onChange={setSelected} ~~~~
node_modules/@headlessui/react/dist/components/combobox/combobox.d.ts:21:5
21 onChange?: (value: TMultiple extends true ? EnsureArray<TValue> : TValue | null) => void;
~~~~
The expected type comes from property 'onChange' which is declared here on type 'IntrinsicAttributes & { data: DataItem[]; placeholder?: string | undefined; label?: ReactNode; displayField?: string | undefined; error?: string | ... 1 more ... | undefined; ... 11 more ...; invalid?: boolean | undefined; } & Omit<...> & RefAttributes<...>'
src/components/shared/table/FilterSelector.tsx:100:7 – error TS2322: Type ‘(list: FilterOption[]) => void’ is not assignable to type ‘(value: (FilterOption | undefined)[]) => void’. Types of parameters ‘list’ and ‘value’ are incompatible. Type ‘(FilterOption | undefined)[]’ is not assignable to type ‘FilterOption[]’. Type ‘FilterOption | undefined’ is not assignable to type ‘FilterOption’. Type ‘undefined’ is not assignable to type ‘FilterOption’.
100 onChange={handleChange} ~~~~
node_modules/@headlessui/react/dist/components/combobox/combobox.d.ts:21:5
21 onChange?: (value: TMultiple extends true ? EnsureArray<TValue> : TValue | null) => void;
~~~~~
The expected type comes from property 'onChange' which is declared here on type 'IntrinsicAttributes & CleanProps<"div", "value" | "invalid" | "multiple" | "disabled" | "form" | "onClose" | "defaultValue" | "onChange" | "name" | "by" | "__demoMode" | "nullable" | "immediate" | "virtual"> & OurProps<...> & { ...; } & { ...; } & { ...; }'
Found 7 errors.
Hi, did you updated dependencies?
I just did it but the problem persists.
papa@salmos:/workspace/tailux/ts/demo$ ncu -u Upgrading /home/papa/workspace/tailux/ts/demo/package.json [====================] 81/81 100%
@atlaskit/pragmatic-drag-and-drop ^1.7.4 → ^1.7.7
@atlaskit/pragmatic-drag-and-drop-auto-scroll ^2.1.1 → ^2.1.2
@babel/eslint-parser ^7.28.0 → ^7.28.5
@eslint/js ^9.33.0 → ^9.39.1
@formkit/auto-animate ^0.8.2 → ^0.9.0
@headlessui/react ^2.2.7 → ^2.2.9
@hookform/resolvers ^5.2.1 → ^5.2.2
@tailwindcss/postcss ^4.1.12 → ^4.1.17
@tailwindcss/vite ^4.1.12 → ^4.1.17
@tanem/react-nprogress ^5.0.55 → ^5.0.56
@types/node ^24.2.1 → ^24.10.0
@types/react ^19.1.10 → ^19.2.2
@types/react-dom ^19.1.7 → ^19.2.2
@vitejs/plugin-react ^5.0.0 → ^5.1.0
apexcharts ^5.3.3 → ^5.3.6
axios ^1.11.0 → ^1.13.2
color ^5.0.0 → ^5.0.2
dayjs ^1.11.13 → ^1.11.19
eslint ^9.33.0 → ^9.39.1
eslint-plugin-react-hooks ^5.2.0 → ^7.0.1
eslint-plugin-react-refresh ^0.4.20 → ^0.4.24
filepond ^4.32.8 → ^4.32.10
globals ^16.3.0 → ^16.5.0
html-react-parser ^5.2.6 → ^5.2.8
i18next ^25.3.6 → ^25.6.1
lint-staged ^16.1.5 → ^16.2.6
prettier-plugin-tailwindcss ^0.6.14 → ^0.7.1
react ^19.1.1 → ^19.2.0
react-apexcharts ^1.7.0 → ^1.8.0
react-dom ^19.1.1 → ^19.2.0
react-hook-form ^7.62.0 → ^7.66.0
react-hotkeys-hook ^5.1.0 → ^5.2.1
react-i18next ^15.6.1 → ^16.2.4
react-router ^7.8.0 → ^7.9.5
react-syntax-highlighter ^15.6.1 → ^16.1.0
react-to-print ^3.1.1 → ^3.2.0
react-tooltip ^5.29.1 → ^5.30.0
swiper ^11.2.10 → ^12.0.3
tailwindcss ^4.1.12 → ^4.1.17
typescript ~5.9.2 → ~5.9.3
typescript-eslint ^8.39.1 → ^8.46.4
vite ^7.1.2 → ^7.2.2
vite-plugin-svgr ^4.3.0 → ^4.5.0
yup ^1.7.0 → ^1.7.1
/*/
papa@salmos:/workspace/tailux/ts/demo$ npm run build
> react-tailux-ts-vite@1.3.2 build > tsc -b && vite build
src/app/pages/dashboards/cms-analytics/PageViews/Statistics.tsx:34:9 – error TS2322: Type ‘Dispatch<SetStateAction<Page>>’ is not assignable to type ‘(value: unknown) => void’. Types of parameters ‘value’ and ‘value’ are incompatible. Type ‘unknown’ is not assignable to type ‘SetStateAction<Page>’.
34 onChange={setSelectedPage} ~~~~
node_modules/@headlessui/react/dist/components/combobox/combobox.d.ts:21:5
21 onChange?: (value: TMultiple extends true ? EnsureArray<TValue> : TValue | null) => void;
~~~~
The expected type comes from property 'onChange' which is declared here on type 'IntrinsicAttributes & { data: DataItem[]; placeholder?: string | undefined; label?: ReactNode; displayField?: string | undefined; error?: string | ... 1 more ... | undefined; ... 11 more ...; invalid?: boolean | undefined; } & Omit<...> & RefAttributes<...>'
src/app/pages/forms/KYCForm/components/DocumentType.tsx:45:9 – error TS2322: Type ‘DocumentType | null’ is not assignable to type ‘DocumentType | undefined’. Type ‘null’ is not assignable to type ‘DocumentType | undefined’.
45 value={documentTypes.find((doc) => doc.key === value) || null} ~~
node_modules/@headlessui/react/dist/components/radio-group/radio-group.d.ts:13:5
13 value?: TType;
~~~
The expected type comes from property 'value' which is declared here on type 'IntrinsicAttributes & CleanProps<"div", "value" | "disabled" | "form" | "defaultValue" | "onChange" | "name" | "by" | RadioGroupPropsWeControl> & OurProps<...> & { ...; } & { ...; } & { ...; }'
src/app/pages/forms/autocomplete/Styled.tsx:32:9 – error TS2322: Type ‘Dispatch<SetStateAction<Person>>’ is not assignable to type ‘(value: unknown) => void’. Types of parameters ‘value’ and ‘value’ are incompatible. Type ‘unknown’ is not assignable to type ‘SetStateAction<Person>’.
32 onChange={setSelected} ~~~~
node_modules/@headlessui/react/dist/components/combobox/combobox.d.ts:21:5
21 onChange?: (value: TMultiple extends true ? EnsureArray<TValue> : TValue | null) => void;
~~~~
The expected type comes from property 'onChange' which is declared here on type 'IntrinsicAttributes & { data: DataItem[]; placeholder?: string | undefined; label?: ReactNode; displayField?: string | undefined; error?: string | ... 1 more ... | undefined; ... 11 more ...; invalid?: boolean | undefined; } & Omit<...> & RefAttributes<...>'
src/app/pages/forms/autocomplete/StyledError.tsx:33:9 – error TS2322: Type ‘Dispatch<SetStateAction<Person[]>>’ is not assignable to type ‘(value: unknown) => void’. Types of parameters ‘value’ and ‘value’ are incompatible. Type ‘unknown’ is not assignable to type ‘SetStateAction<Person[]>’.
33 onChange={setSelected} ~~~~
node_modules/@headlessui/react/dist/components/combobox/combobox.d.ts:21:5
21 onChange?: (value: TMultiple extends true ? EnsureArray<TValue> : TValue | null) => void;
~~~~
The expected type comes from property 'onChange' which is declared here on type 'IntrinsicAttributes & { data: DataItem[]; placeholder?: string | undefined; label?: ReactNode; displayField?: string | undefined; error?: string | ... 1 more ... | undefined; ... 11 more ...; invalid?: boolean | undefined; } & Omit<...> & RefAttributes<...>'
src/app/pages/forms/autocomplete/StyledHighlight.tsx:32:9 – error TS2322: Type ‘Dispatch<SetStateAction<Person[]>>’ is not assignable to type ‘(value: unknown) => void’. Types of parameters ‘value’ and ‘value’ are incompatible. Type ‘unknown’ is not assignable to type ‘SetStateAction<Person[]>’.
32 onChange={setSelected} ~~~~
node_modules/@headlessui/react/dist/components/combobox/combobox.d.ts:21:5
21 onChange?: (value: TMultiple extends true ? EnsureArray<TValue> : TValue | null) => void;
~~~~
The expected type comes from property 'onChange' which is declared here on type 'IntrinsicAttributes & { data: DataItem[]; placeholder?: string | undefined; label?: ReactNode; displayField?: string | undefined; error?: string | ... 1 more ... | undefined; ... 11 more ...; invalid?: boolean | undefined; } & Omit<...> & RefAttributes<...>'
src/app/pages/forms/autocomplete/StyledMultiple.tsx:32:9 – error TS2322: Type ‘Dispatch<SetStateAction<Person[]>>’ is not assignable to type ‘(value: unknown) => void’. Types of parameters ‘value’ and ‘value’ are incompatible. Type ‘unknown’ is not assignable to type ‘SetStateAction<Person[]>’.
32 onChange={setSelected} ~~~~
node_modules/@headlessui/react/dist/components/combobox/combobox.d.ts:21:5
21 onChange?: (value: TMultiple extends true ? EnsureArray<TValue> : TValue | null) => void;
~~~~
The expected type comes from property 'onChange' which is declared here on type 'IntrinsicAttributes & { data: DataItem[]; placeholder?: string | undefined; label?: ReactNode; displayField?: string | undefined; error?: string | ... 1 more ... | undefined; ... 11 more ...; invalid?: boolean | undefined; } & Omit<...> & RefAttributes<...>'
src/components/shared/table/FilterSelector.tsx:100:7 – error TS2322: Type ‘(list: FilterOption[]) => void’ is not assignable to type ‘(value: (FilterOption | undefined)[]) => void’. Types of parameters ‘list’ and ‘value’ are incompatible. Type ‘(FilterOption | undefined)[]’ is not assignable to type ‘FilterOption[]’. Type ‘FilterOption | undefined’ is not assignable to type ‘FilterOption’. Type ‘undefined’ is not assignable to type ‘FilterOption’.
100 onChange={handleChange} ~~~~
node_modules/@headlessui/react/dist/components/combobox/combobox.d.ts:21:5
21 onChange?: (value: TMultiple extends true ? EnsureArray<TValue> : TValue | null) => void;
~~~~~
The expected type comes from property 'onChange' which is declared here on type 'IntrinsicAttributes & CleanProps<"div", "value" | "invalid" | "multiple" | "disabled" | "form" | "onClose" | "defaultValue" | "onChange" | "name" | "by" | "__demoMode" | "nullable" | "immediate" | "virtual"> & OurProps<...> & { ...; } & { ...; } & { ...; }'
Found 7 errors.
So, can you send me your github username, I will add you in repo… there are latest version
Thank you so much. @alemormez
Invited
Please send invoice copy following mail ID technology@mdindia.com
Hi,
The tailux admin source files do not run the same as the demo, is there an update that is coming for me to wait and download?
Could you please confirm which folder you ran? demo or starter?
i ran demo
Just checked, everything’s working fine. Are you sure? By the way, if you share your GitHub username, I can invite you to the repo. It’s exactly the same as the demo.
the sidebar menu is not the same, its using the earlier one instead of the one used in the demo. And i prefer the new one.
here is my github @giantiss
Looks you should change your layout, there are we have 2 layout: https://tailux.piniastudio.com/docs/getting-started#layouts
Please change it and clear your ‘localstorage’.
Thanks.
I purchased the theme and installed it, but I don’t see all the menus and examples from the demo. I only see a blank layout.
How can I see the sample tables and other components?
Could you please confirm which folder you ran? demo or starter?
Hi bro, I have purchased React version. Do you have next js version..? If yes i will buy immediately
hi
i want to confirm that does it in react js only?
Hi, this is built with React and include both JavaScript and TypeScript editions. Tailwind is used for styling.
Amazing work!
For the datatables provided, it would add significant value if you could also add some “view” and “edit” page templates.
Hi, Thanks for your comment. We have form templates available that you can use to add or edit data.
https://tailux.piniastudio.com/forms/ekyc-form https://tailux.piniastudio.com/forms/add-product-form https://tailux.piniastudio.com/forms/new-post-formHello, could you please invite me to the github repo? “sippakorn”
Thanks
Hi, invited
Good morning, sir.
I’d like to know if there’s any news about the Next.js version. We would be very grateful if you could give us an approximate date for when this extension/version will be available. We would subsequently be interested in purchasing the extended licence.
We would be very grateful. Keep up the good work!
Best regards
Purchased, please invite me to the repo: @cgcb. Also, your page at https://tailux.piniastudio.com/docs/changelogs has “Invalid Date” for each version making it difficult to understand when releases were made.
Hi, invited, Invalid Date? Are you sure?
Yes. When I visit that URL I see Invalid Date. I have screenshot but can’t post here. Also, do you have a repo for the jsx version? That’s what I’m using. Thank you.
Can you generate a documentation in pdf pls? because, LLM need this for theme!
Hi, we’ve provided the documentation online, so you can use any HTML-to-PDF tool to convert it.
If I purchase the Regular License for $19 and later decide that I would like to upgrade, would it be possible to upgrade to the Extended License (priced at $700) by paying the difference of $681?
Hi, you should buy the new license
Regular License $19を購入後 気に入ったら、 差額$681で Extended License $700 にアップグレードできますか?
Hi, it’s me again. Is there a laravel version planned for the future?
Hi, you can check this theme:
https://themeforest.net/item/lineone-multipurpose-admin-and-webapp-ui-kit-based-on-tailwind-css/38247812Hi, sorry for my english. I’m looking for your template but for nextjs, tailwindcss with nextjs routing
Hi, this is the React + Vite template for now
Consigo usar no Lovable?
Can you expain your meaning obviously?
lovable.dev
This is a hand-coded theme, not generated by AI, so it can be used both with AI tools and by developers
Hey, could you please invite me to the github repo? zeus-nana
Hi, invited