مولد زنگام
استفاده تجاری
مدل هاي 579
بدون نشان آبی
نیازی به ثبت نام نیست
مدل:
+ GPT-5, Claude, Gemini
یک طرح یا بخش صفحه را توصیف کنید و معنای HTML5 را دریافت کنید - نشانههای مناسب، ARIA، lang، viewport، تصاویر بارگذاری شده. ۸ پیشفرض سبک شامل Tailwind 3، Bootstrap 5، vanilla، email-safe، WordPress block، و فرمها. برای قوانین CSS خالص ، تولیدکننده /code/css/ ما را انتخاب کنید.
توضیح
گزینههای پیشرفته
نتیجه
. يه کم کم ميشه
گرفتن نشانههای بیشتر
❤️ دوست Free.ai رو به دوستانت بگو
ثبت نام کنید تا لینک پیشنهادی دریافت کنید و 30 توکن برای هر دوست بدست آورید.
بيشتر ميخواي؟
ثبت نام رایگان: 30,000 tokens/day
ثبت نام
در حال پردازش درخواست شما...
کد HTML را با AI رایگان تولید کنید.
چطور استفاده شود مولد زنگام
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 - نشانههای مناسب (سر / nav / main / footer)، برچسبهای ARIA در صورت نیاز، ویژگی lang، viewport meta، loading=lazy در تصاویر زیر تا کردن. ۸ پیشفرض سبک (وانیل / Tailwind 3 / Bootstrap 5 / Pure CSS variables / Email-safe / WordPress block / Static site / Form). برای قوانین CSS خالص انتخاب /code/css/ generator.
بله - یک بخش کامل صفحه فرود ~1,200 نشانه را در Qwen 3 Coder اجرا میکند، در داخل 6,000 ناشناس / 30,000 روزانه ثبت نام. ثبت نام برای تست رانندگی نیازی نیست. Premium Claude Sonnet / GPT-5 در دسترس برای هر تماس زمانی که شما نیاز به یک صفحه طولانی در یک شلیک تولید شده دارید.
v0 توسط Vercel (نرخ رایگان + Pro $20/mo) React + Tailwind را برای shadcn/ui تولید میکند - پیشنمایشهای تعاملی ساخته شده. Copilot ($10-39/mo) و Cursor ($20/mo) HTML را در ویرایشگر خود به پایان میرساند. ابزار ما بر پایه مرورگر و یکبار است - یک توصیف را بچسبانید، HTML ثابت تمیز را دریافت کنید که میتوانید آن را در هر پروژهای بگذارید. با v0 خوب هماهنگ میشود - از ما برای برچسبگذاری فریمورک-آگنوستی استفاده کنید، v0 وقتی که متغیر React را میخواهید.
بله - پیشفرض Tailwind از ابزارهای پاسخدهندۀ اول موبایل استفاده میکند) md: lg: xl: (؛ بوتاسترپ از col- md- * استفاده میکند؛ پیشفرض Vanilla از CSS Grid + Flexbox با نقاط شکست خاصیت سفارشی استفاده میکند. حد عرض بیشینۀ ظرف در پیشفرضهای منطقی. تصاویر شامل جایگزینهای srcset هستند ، هنگامی که پیشفرض آنها را پشتیبانی میکند.
بله - هر عنصر تعاملی یک نام دسترسیپذیر دارد، سرآیندها از سلسله مراتب مناسب استفاده میکنند (یک h1 در هر صفحه)، فرمها برچسب آشکار دارند (نه جایگزینی به عنوان برچسب)، تضاد رنگ در نظر گرفته میشود. برای بررسی HTML موجود، از /code/review/ با تمرکز دسترسیپذیری استفاده کنید.
برگزیدن پیشفرض ایمن برای ایمیل. خروجی از طرحبندی مبتنی بر جدول استفاده میکند (هماکنون هم توسط Outlook مورد نیاز است)، CSS خطی، توضیحات شرطی MSO ، بدون flexbox یا شبکه (در بسیاری از کارگزارها شکسته)، قلمهای ایمن وب با بازگشتها. شامل border- collapse: collapse در هر جدول.
بله - پیشسازمان فرم را انتخاب کنید و توصیف کنید که چه حوزههایی نیاز دارید. خروجی از انواع ورودی معنایی استفاده میکند (رایانامۀ الکترونیکی ، تلفن ، تاریخ ، نشانی وب) با اعتبارسنجی ویژگی ، خودتمامسازی attrs (خودتمامسازی=رایانامۀ الکترونیکی)، گروهبندی مناسب fieldset/legend.
برگزیدن پیشفرض بلوک وردپرس برای خروجی به عنوان یک بلوک wp: HTML آماده برای چسباندن به ویرایشگر بلوک. برای Hugo / Jekyll / Eleventy از پیشفرض سایت استاتیک استفاده کنید ، که محتوای صفحه را از کروم طرحبندی جدا میکند و از نشانگذاری دوستداشتنی برای موضوع جلو استفاده میکند.
انتخاب پیشفرضهای سبک شما. خروجی Tailwind از کلاسهای کاربردی Tailwind 3. x استفاده میکند؛ Bootstrap از گره + مؤلفههای Bootstrap 5 استفاده میکند؛ Vanilla CSS سفارشی را در یک بلوک سبک با استفاده از ویژگیهای مدرن (خاصیتهای سفارشی ، پرسشهای ظرف ، ترکیب رنگ) خروجی میکند.
دکمۀ رونوشت را فشار دهید ، به هر پروندۀ زنگام یا codepen. io بچسبانید ، در مرورگر باز کنید. مولد CSS تطابق را در خود جا میدهد ، بنابراین پیشنمایش بدون اتصال جداگانه صفحهسبک کار میکند. برای تکرار مداوم ، / coder / یک قاب پیشنمایش زنده دارد.
بررسی برای هماندازه سازی برند ، دقت کپی ، و تصویر / سیم کشی پیوند قبل از انتشار. ساختار HTML و a11y سالم خواهد بود؛ محتوای جایگزین (lorem ipsum ، URLهای پیوند نمونه) نیاز به جایگزینی دارد.
بله - POST به /v1/chat/ با همان دستورالعمل سیستمی که این صفحه را میسازد. برای لولههای سازنده صفحه فرود یا تولیدکنندگان سایتهای ایستا خوب است. اعتبارسنجی حامل، نرخ محدود. مستندات در /api/.
اين ابزار رو چطور رتبه بندي ميکني؟