Tw2panda

screenshot of Tw2panda
tailwind

Easily migrate code from tailwind to Panda CSS

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.

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.

tailwind
Tailwind

Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.