More Premium Hugo Themes Premium Tailwind Themes

Tw2panda

Easily migrate code from tailwind to Panda CSS

Tw2panda

Easily migrate code from tailwind to Panda CSS

Author Avatar Theme by astahmer
Github Stars Github Stars: 124
Last Commit Last Commit: May 23, 2024 -
First Commit Created: Aug 27, 2024 -
default image

Overview:

The tw2panda tool facilitates the seamless migration of code from Tailwind CSS to Panda CSS. It offers features such as rewriting, extracting, and converting CLI commands, allowing users to utilize their own custom configuration files. Additionally, it includes a feature that translates class-variance-authority to Panda’s cva function.

Features:

  • Rewrite, Extract, and Convert CLI Commands: Easily convert code from Tailwind CSS to Panda CSS using CLI commands.
  • Custom Configuration Files: Use your own custom panda.config and/or custom tailwind.config files for a personalized setup.
  • Translate Class-Variance-Authority: Automatically convert class-variance-authority to Panda’s cva function for enhanced functionality.

Installation:

To install the tw2panda tool, follow these steps:

  1. Clone the repository from GitHub using the command:
    git clone <repository-url>
    
  2. Navigate to the cloned directory and install the dependencies using pnpm:
    pnpm install
    
  3. Use the exported functions in your project to leverage the conversion capabilities offered by tw2panda.

Summary:

tw2panda is a useful tool for developers looking to transition their codebase from Tailwind CSS to Panda CSS seamlessly. With features like CLI command conversion, custom configuration file support, and automatic translation of class-variance-authority, tw2panda simplifies the migration process. Developers can also explore alternatives like the tw2panda-cli GitHub repository and contribute to the project’s development by following the outlined contribution guidelines.