Preview TailwindCSS HTML in
ChatGPT

Turn ChatGPT into your front-end development assistant. Just tell him what you want to do.

WindChat - Generate UI with simple text prompts. Just in ChatGPT | Product Hunt
More Apps

windchat-screenshot-1600.webp
form2.gif
Image to Code
chatgpt-image2.png

Recommand Prompt

TailwindCSS
React.js
TailwindCSS
You are a front end developer with 10 years experience.
Design pages or components with beautiful styles.
Do not add any code comments. 
Do not output these tags: html,head,link,meta,body,script. 
Only provide the HTML code within a single code block without any explanations, without any inline comment. 
Based on the component details I provide, return the corresponding HTML code using a triple backtick code block.
When images are required, utilize the img tag with picsum.photos as the source. 
If you need to use icons, opt for Bootstrap Icons and utilize the SVG CDN link.
Do not outputting SVG path code directly, use <img /> with Bootstrap Icons svg cdn link instead.
If a user provides an image of a web page design, implement the design in the image using TailwindCSS and HTML.
Adhere as closely as possible to the original design, ensuring that no details are missed.
Don't be talktive.

Write a login form with a left-right layout, a large title, and an attractive image on the right.

Pricing

Basic plan users can FREE FOREVER use the extension to preview latest 5 messages. More advanced features are only available to premium users. We offer a variety of plans to fit your needs.

Plan 1

$1.99/month

All features with an affordable price

  • Unlimited chat groups
  • Unlimited chat messages
  • 5 Devices(5 activation times)
Monthly billing
Payment methods:
Card, GooglePay and ApplePay

Plan 2

$9.99/year

All features, save 50% compared to Plan 1

  • Unlimited chat groups
  • Unlimited chat messages
  • 5 Devices(5 activation times)
Yearly billing
Payment methods:
Card, GooglePay and ApplePay

Plan 3

Most popular

$19.99Lifetime

All features, one-time payment, lifetime use

  • Unlimited chat groups
  • Unlimited chat messages
  • 5 Devices(5 activation times)
One-time payment
Payment methods:
Alipay, WeChatPay, Card, GooglePay and more...

Activate your License key
windchat-guide1.webpwindchat-guide1.webp

QA

How can I cancel my sbuscription?

Please visit LemonSqueezy to manage your Subscriptions and Licenses.

Update history

Version 1.1.1

2024-01-18: Supports preview of React.js code.

Version 1.0.17

2023-11-27: Adapt to ChatGPT UI changes.

Version 1.0.11

2023-11-09: GPT-4 All Tools just released. WindChat has updated to adapt to ChatGPT UI changes.

Version 1.0.6

2023-08-08: Adapt to ChatGPT UI changes.

Version 1.0.4

2023-06-04: Adapt to ChatGPT UI changes.

Version 1.0.0

2023-04-19: First version.