https://github.com/apvarun/tailwindcss-analysis

Analyse the TailwindCSS classes used in your application
https://github.com/apvarun/tailwindcss-analysis

analyser analysis css metrics tailwindcss

Last synced: 23 days ago
JSON representation

Analyse the TailwindCSS classes used in your application

• Host: GitHub
• URL: https://github.com/apvarun/tailwindcss-analysis
• Owner: apvarun
• License: mit
• Created: 2021-07-08T06:38:55.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2024-09-12T05:37:58.000Z (2 months ago)
• Last Synced: 2024-10-12T22:29:48.253Z (about 1 month ago)
• Topics: analyser, analysis, css, metrics, tailwindcss
• Language: TypeScript
• Homepage: https://tailwindcss-analysis.netlify.app/
• Size: 1.05 MB
• Stars: 19
• Watchers: 4
• Forks: 3
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        
# TailwindCSS Analysis

![GitHub](https://img.shields.io/github/license/apvarun/tailwindcss-analysis)

![npm](https://img.shields.io/npm/v/tailwindcss-analysis)

Analyse the TailwindCSS classes used in your application

![TailwindCSS Analysis](https://github.com/apvarun/tailwindcss-analysis/raw/main/app/src/assets/analysis-300px.png)

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](https://github.com/apvarun/tailwindcss-analysis/raw/main/app/src/assets/screenshot.png)

[View Live Report](https://tailwindcss-analysis.netlify.app/)

## Roadmap

- [ ] Display file size (minified and gzipped)

- [ ] Cleanup CSS output after execution

- [-] Show human-readable values for colors and fonts

See the [open issues](https://github.com/apvarun/tailwindcss-analysis/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

- [@apvarun](https://twitter.com/apvarun)

See also the list of [contributors](https://github.com/apvarun/tailwindcss-analysis/contributors) who participated in this project.

## Acknowledgments

This project is inspired by [windicss-analysis](https://github.com/windicss/windicss-analysis).

## 🤝 Support

Contributions, issues, and feature requests are welcome!

Give a ⭐️ if you like this project!



## License

[MIT](LICENSE)