Basket

Overview

Tailify is a UI component library that is built with Tailwind CSS for Svelte, React, and Vue. It offers beautifully designed UI components with easy integration into various frameworks. The first beta version of Tailify is set to be published in March.

Features

• Dark mode class included: Tailify includes a dark mode class that allows users to easily switch between light and dark modes.
• Automatic sorting tailwind class: The library automatically sorts Tailwind CSS classes to ensure consistency and improve code readability.
• Framework Support: Tailify currently supports Svelte and Pure JS, with plans to add support for Vue and React in the future.

Installation

To install Tailify, follow these steps:

1. Install Tailwind CSS by running the following command:

npm install tailwindcss

2. Install the Tailify library by running the following command:

npm install tailify

3. Import and use the Tailify components in your project. For example, to use the Button component in Svelte:

<script>
  import { Button } from 'tailify'
</script>

<Button>Click me</Button>

Summary

Tailify is a UI component library that offers beautifully designed UI components built with Tailwind CSS. It provides easy integration with popular frameworks like Svelte, React, and Vue. The library includes features such as a dark mode class and automatic sorting of Tailwind CSS classes. Tailify aims to simplify the process of building visually appealing and responsive user interfaces.