Moetsi oa HTML
Ho sebelisoa ka khoebo
380+ li-models
Ha ho letšoao la metsi
Ha ho hlokahale ho ngolisoa
Mofuta:
+ GPT-5, Claude, Gemini
Describe a layout or page section and get semantic HTML5 - proper landmarks, ARIA, lang, viewport, lazy-loaded images. 8 style presets including Tailwind 3, Bootstrap 5, vanilla, email-safe, WordPress block, and forms. For pure CSS rules pick our /code/css/ generator.
Boithuto
Likhetho tse tsoetseng pele
Bo_lemo
Tokens e tlase.
Fumana Token e eketsehileng
❤️ U rata Free.ai? Reka le metsoalle ea hau!
Register ho fumana sehokela sa ho u joetsa le ho fumana li-token tse 25 000 ka motsoalle.
U batla ho feta?
Ngola mahala bakeng sa 30K tokens / letsatsi + 10K bonus
Ngola mahala
Ho sebetsana le kopo ea hau...
E etsa khoutu ea HTML ka AI ka mahala.
Mokhoa oa ho sebelisa Moetsi oa HTML
1
Ke eng eo u e kentseng?
Tlatsa mongolo, kenya faele, kapa hlalosa seo u se batlang. Ha ho hlokahale ak'haonte.
2
Tobetsa ho theha
AI ea rona e sebetsana le kopo ea hau ka metsotsoana ka ho sebelisa li-models tse ntlehali tsa open-source.
3
Tlosa & & arolelana
Kopitsa, kenya kapa arolelana litlamorao tsa hau. Haholo-holo bakeng sa ho sebelisana le batho ba bang le ho rekisa.
Senya sesebelisoa ka API
E-ba le sesebelisoa sena ka ho iketsetsa ho tloha ho kotloloho. OpenAI-compatible REST endpoint, Bearer-token auth, ha ho hlokahale SDK e eketsehileng. Litheko tsa token li lumellana le interface ea webosaeteng.
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."}]}'Li-Tools tsa AI tse Bulehileng tse Bulehileng
Moetsi oa HTML — FAQ
Semantic, HTML5 e fumanehang - li-landmarks tse nepahetseng (header / nav / main / footer), li-labels tsa ARIA moo ho hlokahalang, li-attribut tsa lang, meta ea ho bona, ho kenya = ho lemalla litšoantšo tse ka tlase ho fold. 8 style presets (Vanilla / Tailwind 3 / Bootstrap 5 / Pure CSS variables / Email-safe / WordPress block / Static site / Form). Bakeng sa melao ea CSS e hloekileng khetha / code / css / generator.
Ehlile - karolo e felletseng ea leqephe la ho kena e sebetsa li-token tsa ~ 1,200 ho Qwen 3 Coder, ka hare ho 2,500 tse sa tsejoeng / 10,000 tse ngotsoeng ka letsatsi. Ha ho hlokahale ho ngola ho hlahloba ho tsamaea. Premium Claude Sonnet / GPT-5 e fumanehang ka ho ngola ha u hloka leqephe le telele le hlahisitsoeng ka ho tšoaea.
v0 ke Vercel (sekhahla se mahala + Pro $ 20 / mo) se hlahisa React + Tailwind bakeng sa shadcn / ui - litlhaku tse ikhethileng tse thehiloeng. Copilot ($ 10-39 / mo) le Cursor ($ 20 / mo) e fela HTML ka har'a moqapi oa hau. Mochini oa rona o thehiloe ka mosebelisi oa marang-rang le o le mong - o kenya sehlooho, o fumana HTML e hloekileng e sa fetoheng eo u ka e etsang ka projeke efe kapa efe.
E- na - Tailwind e sebelisa li- preset tse nang le li- mobile- first responsive utilities (md: lg: xl:); Bootstrap e sebelisa col- md- *; Vanilla e sebelisa CSS Grid + Flexbox le li- breakpoints tsa litšobotsi tsa motho ka mong. Boholo bo boholo ba li- container bo ka tlase ho ditlhophiso tse nepahetseng. Litšoantšo li kenyelletsa li- srcset placeholders ha li- preset li li tšehetsa.
Ee - ntho e ngoe le e ngoe e ikhethileng e na le lebitso le ka fihlelloang, lihlooho li sebelisa hierarchy e nepahetseng (h1 e le 'ngoe ka leqephe), li-forms li na le letšoao le hlakileng (ha ho letšoao le leholo-le-letšoao), ho tšoana ha li-colors ho nahanoa. Bakeng sa ho hlahloba HTML e teng, sebelisa /code/review/ le ho khetheha ho fihlella.
Khetha ho hlophisoa pele ho sireletsehileng ha lengolo-tsoibila. Mofuta o tsoakang o sebelisa moralo o nang le tafole (o ntse o hlokahala ke Outlook), CSS e kentsoeng, litlhaloso tse sa tšoaneng tsa MSO, ha ho na flexbox kapa gridi (e senyehileng ho bareki ba bangata), lifonti tse sireletsehileng tsa marang-rang le li-fallbacks. Ho kenyeletsoa border-collapse:collapse ho tafole e ngoe le e ngoe.
Ee - khetha sehlooho sa Form se secha'me u hlalose libaka tseo u li hlokang. Bokamoso bo sebelisa mefuta ea ho kenya semantic (imeile, tel, letsatsi, url) le ho phethela ka ho toba attrs (autocomplete=imeile), ho hlophisa ka ho nepahetseng libakeng/lethathamo la lihlooho. Ho fetisetsa motsamaisi ke stub - e hokahane le backend ea hau.
Khetha WordPress block preset bakeng sa tlhahiso e le wp: html block e loketseng ho kenya ho editor block. Bakeng sa Hugo / Jekyll / Eleventy sebelisa Static site preset, e etsang hore litaba tsa leqephe li be teng ho tloha ho chrome ea layout le ho sebelisa markup e lumellanang le front-matter.
Likhetho tsa hau tsa setaele. Tailwind e sebelisa Tailwind 3. x lihlopha tsa litšebeletso; Bootstrap e sebelisa Bootstrap 5 grid + components; Vanilla e hlahisa CSS ea hau ka block ea setaele ka ho sebelisa litšobotsi tsa morao-rao (litšobotsi tsa hau, lipotso tsa liphutheloana, ho kopanya li-color).
Tobetsa konopo ea ho Kopa, kenya ho faele efe kapa efe ea HTML kapa codepen.io, bula motšehali oa marang-rang. Moetsi o kenya CSS e lumellanang hore ho bona pele ho sebetsa ntle le ho kopanya lebokose la setaele. Bakeng sa ho sheba pele ho tsoelang pele, /coder/ e na le pane ea ho bona pele.
Reka leseli la ho hokahanya letšoao, ho kopitsa ho nepahala, le ho hokahanya litšoantšo / li-link pele ho phatlalatsoa. Sebōpeho sa HTML le a11y se tla ba se nepahetseng; sehlooho sa sebaka (lorem ipsum, URL tsa li-link tsa mohlala) se hloka ho fetoloa.
Ee - POST ho /v1/chat/ ka kopo ea sistimi eo leqepheng lena le thehiloeng. E loketse ho theha li-pipelines tsa ho theha leqepheng la ho kena kapa ho theha li-site tse sa fetoheng. Ho lekola, ho lekanyelitsoe ka lebelo. Litokomane li ka fumanoa ho /api/.
U tla lekola eng ka sesebelisoa sena?