Skip to content

Command line utility to convert Tailwind code coming in on STDIN to Panda on STDOUT

Notifications You must be signed in to change notification settings

jherr/tw2panda-cli

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Tailwind to Panda CSS converter (for command line)

This command line utility is designed to be used in the context of an editor where you use an extension like Edit With Shell to convert Tailwind CSS to Panda CSS.

Installation

npm install -g tw2panda-cli

Usage

To accept React or HTML code using Tailwind as STDIN and create Panda-CSS code as STDOUT:

tw2panda

To explain the conversion in a comment add --explain:

tw2panda --explain

To convert a line of Tailwind CSS into a cva:

tw2panda --cva

Alternatives

There is a tw2panda web app where you can paste React code into the page and get the equivalent Panda code. It's another great way to learn how to write Panda code.

The code in this utility is NOT based on this tw2panda. The web app supports more features, but this utility has the explain feature as well as the cva feature to create recipes.

About

Command line utility to convert Tailwind code coming in on STDIN to Panda on STDOUT

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published