Spaces:
No application file
No application file
SEO: Update description
Browse files
README.md
CHANGED
|
@@ -1,23 +1,15 @@
|
|
| 1 |
---
|
| 2 |
title: "Tailwind CSS Component Preview Extension"
|
| 3 |
-
emoji:
|
| 4 |
-
colorFrom:
|
| 5 |
-
colorTo:
|
| 6 |
sdk: gradio
|
| 7 |
-
sdk_version: 4.44.0
|
| 8 |
app_file: app.py
|
| 9 |
pinned: false
|
| 10 |
license: mit
|
| 11 |
-
tags:
|
| 12 |
-
- frontend
|
| 13 |
-
- web-development
|
| 14 |
-
- javascript
|
| 15 |
-
- react
|
| 16 |
-
- development
|
| 17 |
-
- extension
|
| 18 |
-
- tailwind
|
| 19 |
-
- component
|
| 20 |
---
|
|
|
|
| 21 |
# Tailwind CSS Component Preview Extension
|
| 22 |
|
| 23 |
Analyzes any webpage for Tailwind CSS utility class usage. Detects Tailwind components, counts utility classes by category, and shows which design patterns are used on the page.
|
|
@@ -41,28 +33,11 @@ Click the extension icon on any webpage. The extension scans all DOM elements, i
|
|
| 41 |
- Works on any website β inspect any site's Tailwind usage
|
| 42 |
- Privacy-first β all analysis runs locally in your browser
|
| 43 |
|
| 44 |
-
##
|
| 45 |
-
|
| 46 |
-
1. Click **Use in Spaces** above to run the demo directly
|
| 47 |
-
2. Or clone the repository and run locally:
|
| 48 |
-
|
| 49 |
-
```bash
|
| 50 |
-
git clone https://huggingface.co/spaces/WealthFromAI/tailwind-css-component-preview-extension-10c0
|
| 51 |
-
cd tailwind-css-component-preview-extension-10c0
|
| 52 |
-
pip install -r requirements.txt
|
| 53 |
-
python app.py
|
| 54 |
-
```
|
| 55 |
-
|
| 56 |
-
## π° Pricing
|
| 57 |
|
| 58 |
- **Demo**: Free on Hugging Face Spaces
|
| 59 |
- **Full Source Code**: $14.99
|
| 60 |
-
- Available on [Gumroad](https://gumroad.com) and [Whop](https://whop.com)
|
| 61 |
-
|
| 62 |
-
## π License
|
| 63 |
-
|
| 64 |
-
MIT License β free to use, modify, and distribute.
|
| 65 |
|
| 66 |
---
|
| 67 |
|
| 68 |
-
*Built with [FORGE-X](https://github.com/WealthFromAI)
|
|
|
|
| 1 |
---
|
| 2 |
title: "Tailwind CSS Component Preview Extension"
|
| 3 |
+
emoji: "π€"
|
| 4 |
+
colorFrom: blue
|
| 5 |
+
colorTo: indigo
|
| 6 |
sdk: gradio
|
| 7 |
+
sdk_version: "4.44.0"
|
| 8 |
app_file: app.py
|
| 9 |
pinned: false
|
| 10 |
license: mit
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 11 |
---
|
| 12 |
+
|
| 13 |
# Tailwind CSS Component Preview Extension
|
| 14 |
|
| 15 |
Analyzes any webpage for Tailwind CSS utility class usage. Detects Tailwind components, counts utility classes by category, and shows which design patterns are used on the page.
|
|
|
|
| 33 |
- Works on any website β inspect any site's Tailwind usage
|
| 34 |
- Privacy-first β all analysis runs locally in your browser
|
| 35 |
|
| 36 |
+
## Pricing
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 37 |
|
| 38 |
- **Demo**: Free on Hugging Face Spaces
|
| 39 |
- **Full Source Code**: $14.99
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 40 |
|
| 41 |
---
|
| 42 |
|
| 43 |
+
*Built with [FORGE-X](https://github.com/WealthFromAI)*
|