مولد زنگام
استفاده تجاری
ص ۳۸۰.
بدون نشان آبی
نیازی به ثبت نام نیست
مدل:
+ GPT-5, Claude, Gemini
یک طرح یا بخش صفحه را توصیف کنید و معنای HTML5 را دریافت کنید - نشانههای مناسب، ARIA، lang، viewport، تصاویر بارگذاری شده. ۸ پیشفرض سبک شامل Tailwind 3، Bootstrap 5، vanilla، email-safe، WordPress block، و فرمها. برای قوانین CSS خالص، مولد /code/css/ ما را انتخاب کنید.
توضیح
گزینههای پیشرفته
نتیجه
. رمزها کم ميشه
گرفتن نشانههای بیشتر
❤️ دوست Free.ai رو به دوستانت بگو
ثبت نام کنید تا لینک پیشنهادی دریافت کنید و 30 توکن برای هر دوست بدست آورید.
بيشتر ميخواي؟
ثبت نام مجاني براي 30K توکن/روز + 10K بونوس
ثبت نام
در حال پردازش درخواست شما...
کد HTML را با هوش مصنوعی به صورت رایگان تولید کنید.
چطور استفاده کنم مولد زنگام
1
وارد کردن ورودی
متن را تایپ کنید ، یک پرونده را بارگذاری کنید ، یا آنچه را که میخواهید توصیف کنید. حساب نیازی نیست.
2
ایجاد را بزنید
هوش مصنوعی ما درخواست شما را در چند ثانیه با استفاده از بهترین مدلهای منبع باز پردازش میکند.
3
بارگیری و اشتراک
دانلود، کپی یا اشتراکگذاری نتایج خود. برای استفاده شخصی و تجاری رایگان است.
استفاده از این ابزار از طریق API
این ابزار را از کد خودتان خودکار کنید. نقطه پایانی REST سازگار با OpenAI، گواهینامه حامل گواهینامه، نیازی به SDK اضافی نیست. هزینه گواهینامه با رابط وب مطابقت دارد.
curl -X POST https://api.free.ai/v1/chat/ \
-H "Authorization: Bearer sk-free-..." \
-H "Content-Type: application/json" \
-d '{"model": "qwen-coder", "messages": [{"role": "user", "content": "Write a Python function that reverses a string."}]}'ابزارهای هوش مصنوعی آزاد مرتبط
مولد زنگام — FAQ
معنایی، دسترسی به HTML5 - نشانههای مناسب (سر / ناو / اصلی / پای)، برچسبهای ARIA در صورت نیاز، ویژگی lang، viewport meta، loading=lazy در تصاویر زیر تا کردن. ۸ پیشفرض سبک (وانیلا / Tailwind 3 / Bootstrap 5 / متغیرهای CSS خالص / ایمن ایمیل / بلوک وردپرس / سایت ایستا / فرم). برای قوانین CSS خالص ما /code/css/ generator را انتخاب کنید.
بله - یک بخش کامل صفحه مقصد ~1200 نشانه را در Qwen 3 Coder اجرا میکند ، در داخل 2500 ناشناس / 10000 روزانه ثبت نام شده. ثبت نام برای آزمایش نیازی نیست. Premium Claude Sonnet / GPT-5 در دسترس برای هر تماس زمانی که به یک صفحه طولانی نیاز دارید که در یک شلیک تولید میشود.
v0 توسط Vercel (نرخ رایگان + Pro $20/mo) React + Tailwind را برای shadcn/ui تولید میکند - پیشنمایشهای تعاملی ساخته شده. Copilot ($10-39/mo) و Cursor ($20/mo) HTML را در ویرایشگر خود به پایان میرساند. ابزار ما بر پایه مرورگر و یکبار است - یک توصیف را بچسبانید، HTML ایستا و تمیز را که میتوانید در هر پروژهای قرار دهید، بدست آورید.
بله - پیشفرض Tailwind از ابزارهای پاسخدهندۀ اول موبایل استفاده میکند) md: lg: xl: (؛ بوتاسترپ از col- md- * استفاده میکند؛ پیشفرض وانیل از CSS Grid + Flexbox با نقاط شکست ویژگی سفارشی استفاده میکند. حد عرض بیشینۀ ظرف در پیشفرضهای منطقی. تصاویر شامل جایگزینهای srcset هستند ، هنگامی که پیشفرض آنها را پشتیبانی میکند.
بله - هر عنصر تعاملی یک نام دسترسیپذیر دارد ، سرآیندها از سلسله مراتب مناسب استفاده میکنند (یک h1 در هر صفحه)، فرمها برچسب صریح دارند (نه جایگزینی به عنوان برچسب)، تضاد رنگ در نظر گرفته میشود. برای بررسی HTML موجود ، از /code/review/ با تمرکز دسترسیپذیری استفاده کنید.
برگزیدن پیشفرض ایمن برای ایمیل. خروجی از طرحبندی مبتنی بر جدول استفاده میکند (همچنان توسط Outlook مورد نیاز است)، CSS در خط، توضیحات شرطی MSO، بدون جعبه انعطافپذیر یا شبکه (در بسیاری از کارگزارها شکسته)، قلمهای ایمن وب با بازگشت. شامل border-collapse:collapse در هر جدول.
بله - پیشفرض فرم را انتخاب کنید و توصیف کنید که چه حوزهای نیاز دارید. خروجی از انواع ورودی معنایی استفاده میکند (رایانامه ، تلفن ، تاریخ ، نشانی وب) با اعتبارسنجی خصیصه ، خودتمامی attrs (خودتمامی=رایانامه)، گروهبندی مناسب مجموعه حوزه/اسطوره. گرداننده ارسال یک استاب است - آن را به پشته خود وصل کنید.
انتخاب پیشفرض بلوک وردپرس برای خروجی به عنوان یک بلوک wp: html آماده برای چسباندن به ویرایشگر بلوک. برای Hugo / Jekyll / Eleventy از پیشفرض سایت ایستا استفاده کنید ، که محتوای صفحه را از کروم طرح جدا میکند و از نشانگذاری دوستداشتنی استفاده میکند.
انتخابهای پیشفرض سبک شما. خروجی Tailwind از کلاسهای ابزار Tailwind 3. x استفاده میکند؛ Bootstrap از شبکه + مؤلفههای Bootstrap 5 استفاده میکند؛ Vanilla CSS سفارشی را در یک بلوک سبک با استفاده از ویژگیهای مدرن (خصائص سفارشی ، پرسشهای ظرف ، ترکیب رنگ) خروجی میکند.
دکمۀ رونوشت را فشار دهید ، به هر پروندۀ زنگام یا codepen. io بچسبانید ، در مرورگر باز کنید. مولد CSS تطابقی را جاسازی میکند ، بنابراین پیشنمایش بدون اتصال جداگانه صفحهسبک کار میکند. برای تکرار مداوم ، / coder / یک پنجرۀ پیشنمایش زنده دارد.
بررسی برای هماندازه سازی برند ، دقت کپی ، و تصویر / سیم کشی پیوند قبل از انتشار. ساختار HTML و a11y سالم خواهد بود؛ محتوای جایگزین (lorem ipsum ، نشانیهای وب پیوند نمونه) نیاز به جایگزینی دارد.
بله - POST به /v1/chat/ با همان دستورالعمل سیستمی که این صفحه را میسازد. برای لولههای سازنده صفحه فرود یا مولدهای سایت ایستا خوب است. گواهینامه حامل، نرخ محدود. مستندات در /api/.
اين ابزار رو چطور رتبه بندي ميکني؟