#tailwind #yew #css #wasm

app tailwind-yew

Sets up tailwind css in your existing yew project

6 releases

0.1.5 Oct 27, 2023
0.1.4 Sep 30, 2023
0.1.3 Aug 20, 2023
0.1.1 Dec 4, 2022

#1070 in Command line utilities

Download history 1/week @ 2024-07-04 7/week @ 2024-07-25 14/week @ 2024-08-01 4/week @ 2024-08-08

56 downloads per month

MIT license

15KB
290 lines

Tailwind Yew CLI

Easily integrate the latest version of Tailwind CSS into your existing Yew project.

Installation

Install the Tailwind Yew CLI by executing the following command:

cargo install tailwind-yew

Usage

To get started, run the following command with your preferred options. The default options are as follows:

tailwind-yew add -p styles -i input.css -o output.css

You can also simply run:

tailwind-yew add

Once the command is executed, you'll be prompted to choose the executable for your platform.

The CLI will then take care of setting up everything necessary to integrate Tailwind CSS seamlessly into your Yew project. This includes building the Tailwind executable, creating the style directory, and adding the necessary HTML link. Your project will be ready to utilize Tailwind CSS.

For ongoing development, run the generated executable with the watch flag to maintain the smooth development workflow:

./tailwindcss -i styles/input.css -o styles/output.css # or replaces with your input and output directory if you need not pick the defaults

This will enable you to observe real-time changes and ensure that your Yew project's styling remains consistent and up-to-date with the power of Tailwind CSS.

Take a look at the created tailwind_info.md for more information as it dynamically generates the paths your selected Now go make something really cool 💪!

Options:
  -p, --path <PATH>                Optional - Path for the tailwind input and output css files [default: styles]
  -i, --input-name <INPUT_NAME>    Optional - Input css name You must add the extension ie. [my_input.css] - [default: input.css]
  -o, --output-name <OUTPUT_NAME>  Optional - Output css name You must add the extension ie. [my_output.css] - [default: output.css]
  -h, --help                       Print help information                    Print help information

Dependencies

~6–17MB
~155K SLoC