KTUIKTUI
KTUIKTUI
ComponentsDocsStudio

Getting Started

IntroductionInstallationApproachThemingJavaScriptDark modeRTLReferencesChangelog - v1.0.12Metronic TemplatePopular

Components

AccordionAvatarAlertBadgeBreadcrumbButtonCardCheckboxCollapseDatatableDatepickerSoonDismissDrawerDropdownImage InputInputUpdateKbdLinkModalPaginationProgressRadio GroupReparentScrollableScrollspyUpdateScrolltoSelectSeparatorSkeletonStepperStickySwitchTabsTextareaTheme SwitchToastNewTooltipToggleToggle GroupToggle PasswordTooltip
©2025 KtUI. All rights reserved.
A project by Keenthemes
Docs
Introduction

Introduction

Boost your web development with KtUI's JavaScript components, powered by Tailwind CSS, Shadcn-like CSS variables for global theming, and zero JavaScript initialization via data attributes.

What is KtUI?

KtUI is an open-source collection of JavaScript UI components styled with Tailwind CSS, enabling developers to build modern, interactive web interfaces effortlessly using data attributes for zero JavaScript initialization.

What’s in the Toolkit?

  • High-quality JavaScript components.
  • Seamless integration with JavaScript/TypeScript projects.
  • Dark mode support.
  • RTL (Right-to-Left) support.

Features

  • Clean Code – Minimal Tailwind classes for maintainability.
  • Zero JS Initialization – Data attributes for component setup and customization.
  • Flexible Customization – Dynamic adjustments via data attributes.
  • Modular & Reusable – Scalable across projects.
  • Separation of Concerns – Clear logic and UI distinction.
  • Shadcn-like Theming – CSS variables for consistent global theming.

Built for Production

  • JavaScript: Lightweight, vanilla JS for compatibility and performance.
  • Tailwind CSS: Utility-first, customizable styling.
  • TypeScript Support: Optional type safety for better DX.
  • Modern Standards: Adheres to web accessibility, keyword navigation support.

Next Steps

Get started with our Installation Guide to integrate KtUI and accelerate your development.

NextInstallation

On This Page

  • What is KtUI?
  • What’s in the Toolkit?
  • Features
  • Built for Production
  • Next Steps