Skip to content

Analyse the TailwindCSS classes used in your application

License

Notifications You must be signed in to change notification settings

Uvacoder/tailwindcss-analysis

 
 

Repository files navigation

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

About

Analyse the TailwindCSS classes used in your application

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 96.4%
  • HTML 1.7%
  • JavaScript 1.6%
  • CSS 0.3%