keenthemeskeenthemesOfficialยท4 Agent Skills Included

ktui

Tailwind UI components, datatables, selects, and theming

Builds interactive web interfaces with ready-made Tailwind components like modals, dropdowns, datatables, and searchable selects. Removes the need to hand-code sorting, pagination, remote data loading, dark mode, and RTL support from scratch. Guides correct installation, initialization, theming, and framework integration so components work reliably in React, Vue, Next.js, and Laravel projects.
npx skills add keenthemes/ktui --all -g -y

All Skills in This Repository (4)

Pure Emerald Level Indicators

Frequently Asked Questions

FAQPage Schema
How to install KTUI?โ–ผ

Run `npx skills add keenthemes/ktui --all -g -y` in your terminal to install all KTUI skills globally.

What is KTUI used for?โ–ผ

KTUI is a Tailwind CSS component library for building interactive web interfaces with modals, dropdowns, datatables, selects, toasts, and more, without writing custom JavaScript.

How do I add a searchable select dropdown with KTUI?โ–ผ

Add `data-kt-select="true"` and `data-kt-select-enable-search="true"` to a standard select element, then call `KTComponents.init()` after the page loads.

Does KTUI work with React, Vue, and Next.js?โ–ผ

Yes. Call `KTComponents.init()` inside a mount hook like useEffect or onMounted, and guard it with a window check to stay safe during server-side rendering.

Does KTUI support dark mode and RTL layouts?โ–ผ

Yes. Dark mode works by toggling a `.dark` class with matching CSS variables, and RTL is supported automatically through logical CSS properties and the `dir="rtl"` attribute.

Related Repositories in Software Engineering

View All in Software Engineeringโ†’