ktui
Tailwind UI components, datatables, selects, and theming
All Skills in This Repository (4)
Pure Emerald Level Indicatorsktui
Guide KtUI JavaScript/TypeScript component usage, theming, and API integration.
ktui-install
Automates KtUI library installation and Tailwind CSS configuration for web projects.
ktui-datatable
Configure KtUI DataTable components with sorting, filtering, pagination, and state persistence.
ktui-select
Create searchable multi-select dropdowns with tags and remote data.
Frequently Asked Questions
FAQPage SchemaHow 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โopenclaw
Run a personal AI assistant across your devices and chat apps
superpowers
Gives coding agents a disciplined workflow from idea to merged code
react
AI agent skills for building, testing, and porting React core