@jyotirmay/tailwind-to-css NPM

Convert tailwind css to vanilla css

Installation

npm install @jyotirmay/tailwind-to-css

usage

import { convert } from "@jyotirmay/tailwind-to-css";

let html = `
    <div class="text-gray-500 dark:bg-red-500 my-container">
        <p class="inline">Hello world</p>
    </div> 
`;

(async()=>{
    const res = await convert(html)
    console.log(res)

    /**
    Output:
        {
            html: 
            `
                <html>
                <head>
                    <link rel="stylesheet" href="./output.css" />
                </head>
                <body>
                    <div class="VzxbQ9x92_use1WNuDg0y my-container">
                    <p class="AeplxTuJZjGFMK173hyC9">Hello world</p>
                    </div>
                </body>
                </html>
            `,
            css: 
            `
                .VzxbQ9x92_use1WNuDg0y {
                    --tw-text-opacity: 1;
                    color: rgb(107 114 128 / var(--tw-text-opacity));
                }
                :is(.dark .VzxbQ9x92_use1WNuDg0y) {
                    --tw-bg-opacity: 1;
                    background-color: rgb(239 68 68 / var(--tw-bg-opacity));
                }
                .AeplxTuJZjGFMK173hyC9 {
                    display: inline;
                }
            `
        }
     */
})()

tailwind to css converter tailwind to vanilla css

@jyotirmay/tailwind-class-validator @tailwindcss/typography cheerio nanoid tailwindcss

0.0.3

4 months ago

0.0.2

4 months ago

0.0.1

4 months ago