WindChat-ChatGPT TailwindCSS React Previewer
Preview React and TailwindCSS code in real-time within the ChatGPT chat window, without the tedious copying and pasting.
What is WindChat-ChatGPT TailwindCSS React Previewer?
WindChat-ChatGPT TailwindCSS React Previewer is a Chrome extension developed by https://windchat.link, and its main feature is "Preview React and TailwindCSS code in real-time within the ChatGPT chat window, without the tedious copying and pasting.".
Extension Screenshots
Download WindChat-ChatGPT TailwindCSS React Previewer Extension CRX File
Download WindChat-ChatGPT TailwindCSS React Previewer extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.
Extension Usage Instructions
WindChat enables you to preview React.js and Tailwind CSS code in real-time within the ChatGPT chat window, eliminating the need for cumbersome copying and pasting.
WindChat will be regularly updated to ensure compatibility with the latest versions of ChatGPT.
It's easy to install WindChat from the Chrome Web Store, so why not let it assist you in effortlessly fine-tuning your web page design in ChatGPT?
GPT4 Assistant GPTs
Tailwind CSS:
https://chat.openai.com/g/g-hrRKy1YYK-tailwindcss-builder
React.js
https://chat.openai.com/g/g-Ng7fSuRHX-react-code-generator-windchat Extension Basic Information
| Name |  WindChat-ChatGPT TailwindCSS React Previewer |
| ID | ipafbgdehdljgphjgfmpkohhbelebdhm |
| Official URL | https://chromewebstore.google.com/detail/windchat-chatgpt-tailwind/ipafbgdehdljgphjgfmpkohhbelebdhm |
| Description | Preview React and TailwindCSS code in real-time within the ChatGPT chat window, without the tedious copying and pasting. |
| File Size | 513 KB |
| Installation Count | 518 |
| Current Version | 1.2.3 |
| Last Updated | 2024-03-04 |
| Publish Date | 2023-04-18 |
| Rating | 4.00/5 Total 2 Ratings |
| Developer | https://windchat.link |
| [email protected] | |
| Payment Type | in_app |
| Extension Website | https://www.windchat.link |
| Privacy Policy Page URL | https://www.windchat.link/privacy |
| Supported Languages | en-US |
| manifest.json | |
{
"update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
"manifest_version": 3,
"name": "WindChat-ChatGPT TailwindCSS React Previewer",
"version": "1.2.3",
"description": "Preview React and TailwindCSS code in real-time within the ChatGPT chat window, without the tedious copying and pasting.",
"permissions": [
"storage",
"identity",
"identity.email"
],
"options_page": "src\/pages\/options\/index.html",
"background": {
"service_worker": "src\/pages\/background\/index.js",
"type": "module",
"matches": [
"https:\/\/chat.openai.com\/*"
]
},
"action": {
"default_popup": "src\/pages\/popup\/index.html",
"default_icon": "32.png"
},
"icons": {
"16": "16.png",
"32": "32.png",
"34": "34.png",
"48": "48.png",
"96": "96.png",
"128": "128.png"
},
"externally_connectable": {
"matches": [
"*:\/\/localhost\/*",
"https:\/\/*.windchat.link\/*"
]
},
"host_permissions": [
"https:\/\/api.windchat.link\/*",
"https:\/\/*.openai.com\/"
],
"content_scripts": [
{
"matches": [
"https:\/\/chat.openai.com\/*"
],
"js": [
"src\/pages\/content\/index.js"
],
"css": [
"assets\/css\/contentStyle1708743477675.chunk.css"
]
}
],
"web_accessible_resources": [
{
"resources": [
"assets\/js\/*.js",
"assets\/css\/*.css",
"128.png",
"34.png",
"32.png",
"48.png",
"batch-tasks.png",
"popup-guide-1.png"
],
"matches": [
"https:\/\/chat.openai.com\/*"
]
}
]
} | |
