tailwindcss-analysis
TypeScript icon, indicating that this package has built-in type declarations

0.4.0 • Public • Published

TailwindCSS Analysis

GitHub npm

Analyse the TailwindCSS classes used in your application

TailwindCSS Analysis

Here's why:

  • Get overall view of the styles used in your project. Helps to monitor if any styles are prohibited in your organization. (One might not prefer CSS grid if the application needs to support IE browser)
  • View the overview of colors and fonts used in the application. Useful for verification by the design team

Usage

Navigate to the project that uses the TailwindCSS and run the command to generate the analysis report.

npx tailwindcss-analysis

Screenshots

TailwindCSS Analysis Report

View Live Report

Roadmap

  • [ ] Display file size (minified and gzipped)
  • [ ] Cleanup CSS output after execution
  • [-] Show human-readable values for colors and fonts

See the open issues for a list of proposed features (and known issues).

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Authors

See also the list of contributors who participated in this project.

Acknowledgments

This project is inspired by windicss-analysis.

🤝 Support

Contributions, issues, and feature requests are welcome!

Give a ⭐️ if you like this project!

Buy Me A Coffee

License

MIT

Readme

Keywords

Package Sidebar

Install

npm i tailwindcss-analysis

Weekly Downloads

1

Version

0.4.0

License

MIT

Unpacked Size

263 kB

Total Files

13

Last publish

Collaborators

  • apvarun