Kutty is an open source Tailwind CSS plugin offering accessible, reusable UI components for web applications. It pairs HTML components with Alpine.js for lightweight reactivity, installable as a simple Tailwind plugin.
Every component is built with accessibility in mind for inclusive web experiences.
All components adapt cleanly across mobile, tablet, and desktop screen sizes.
Open-source under the MIT license so you can use it freely in any project.
Add as a single plugin in your Tailwind config with no complex setup required.
Interactive components use lightweight Alpine.js for dropdowns, modals, and toggles.
Full documentation site covers usage examples and installation for every component.
Kutty is a Tailwind CSS plugin that provides a library of pre-built, accessible UI components designed for web application development. Rather than building common interface elements from scratch, developers can install a single plugin and gain access to a collection of ready-made components that handle everyday patterns like dropdowns, modals, and interactive toggles. The plugin pairs clean HTML markup with Alpine.js for lightweight client-side reactivity, keeping the footprint small while still delivering interactive behavior. It's a practical choice for developers who want to move quickly without sacrificing accessibility or code quality.
Kutty requires Tailwind CSS 3 or later as a peer dependency and integrates directly into your existing Tailwind configuration. The JavaScript layer bundles Alpine.js v2.8 for reactivity, so there's no need to install a separate Alpine package unless you prefer to manage it independently. Components can be loaded all at once or individually through CDN links, giving you control over bundle size. The plugin is distributed via NPM and works in any environment where Tailwind is already configured.
Kutty is open-source and released under the MIT license, making it free to use in both personal and commercial projects without restriction.