https://github.com/awssat/tailwindo

🔌 Convert Bootstrap CSS code to Tailwind CSS code
https://github.com/awssat/tailwindo

bootstrap bootstrap-css bootstrap4 converter css css-converter css-framework css-framework-bootstrap html tailwind tailwind-css tailwind-scaffolding tailwindcss

Last synced: 3 days ago
JSON representation

🔌 Convert Bootstrap CSS code to Tailwind CSS code

• Host: GitHub
• URL: https://github.com/awssat/tailwindo
• Owner: awssat
• License: mit
• Created: 2017-11-12T00:07:10.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2023-01-03T12:45:26.000Z (about 2 years ago)
• Last Synced: 2025-01-10T10:11:23.446Z (11 days ago)
• Topics: bootstrap, bootstrap-css, bootstrap4, converter, css, css-converter, css-framework, css-framework-bootstrap, html, tailwind, tailwind-css, tailwind-scaffolding, tailwindcss
• Language: PHP
• Homepage:
• Size: 115 KB
• Stars: 1,096
• Watchers: 17
• Forks: 108
• Open Issues: 8
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

• awesome-tailwindcss - Tailwindo - Bootstrap to Tailwind CSS converter. (Tools)

README

        
# Tailwindo

[![Latest Version on Packagist](https://img.shields.io/packagist/v/awssat/tailwindo.svg?style=flat-square)](https://packagist.org/packages/awssat/tailwindo)

[![Actions Status](https://github.com/awssat/tailwindo/workflows/Tests/badge.svg)](https://github.com/awssat/tailwindo/actions)



  



This tool can **convert Your CSS framework (currently Bootstrap) classes** in HTML/PHP (any of your choice) files to equivalent **Tailwind CSS** classes.

## Features

-   Made to be easy to add more CSS frameworks in the future (currently Bootstrap).

-   Can convert single files/code snippets/folders.

-   Can extract changes to a separate css file as Tailwind components and keep old classes names. like:

```

.p-md-5 {

	@apply md:p-7;

}

```

## Help Us

-   If you find unexpected conversion result, create an issue; if you managed to fix it, please create a PR.

-   If you are familiar with another CSS frameworks (like Foundation, Pure..), please create a PR and add it (see BootstrapFramework.php file).

## Docs

-   [Introduction](docs/1_introduction.md)

-   [Installation](docs/2_installation.md)

-   [Quick start](docs/3_quick-start.md)