DEV Community

loading...

Discussion on: What's your experience with TailwindCSS?

Collapse
soorajsnblaze333 profile image
Sooraj • Edited

Check out this cool library my friend built using tailwind. Had loads of fun contributing to this library. It has out of the box ready to use components built using tailwind.

GitHub logo praveenjuge / kutty

Kutty is a tailwind plugin for building web applications. It has a set of accessible and reusable components that are commonly used in web applications.

Kutty

Kutty is a tailwind plugin for building web applications. It has a set of accessible and reusable components that are commonly used in web applications.

Version 0.4 works for Tailwind 2, use version 0.3.5 for Tailwind 1 support. Click here for an upgrade guide

Installation

npm install kutty --save
Enter fullscreen mode Exit fullscreen mode

This plugin requires Tailwind CSS 1.9 or later. Tailwind CSS is not included in this package. Learn how to install tailwind here.

Usage

For CSS

Require the installed plugin directly to your Tailwind config:

// tailwind.config.js
plugins: [require("kutty")],
Enter fullscreen mode Exit fullscreen mode

For JS

We bundle AlpineJS v2.6.0 for reactivity in our components. Learn more about AlpineJS here. Place the following script tag before the closing body tag.

<!-- All components in one -->
<script src="https://cdn.jsdelivr.net/npm/kutty@latest/dist/kutty.min.js"></script>
Enter fullscreen mode Exit fullscreen mode
<!-- Single component -->
<!-- Include AlpineJS first -->
<script
Enter fullscreen mode Exit fullscreen mode