KtUI Components

Use this skill when working with KtUI—free Tailwind UI components by Keenthemes. It ensures correct package usage, initialization, and reference to official docs.

Package and imports

• Package: @keenthemes/ktui (npm install @keenthemes/ktui).
• Import pattern (ESM): Import components and/or the init helper from the package root:
  • Single component: import { KTModal } from '@keenthemes/ktui';
  • Init all: import { KTComponents } from '@keenthemes/ktui'; then call KTComponents.init() after DOM ready.
• Types (TypeScript): Types are exported from the same entry; use the package root (e.g. @keenthemes/ktui) for types, not deep lib/esm paths.
• Styles: Include KtUI CSS (e.g. from the package or built dist/styles.css) and ensure Tailwind and CSS variables are set up as in the installation docs.

Initialization