Nhazi
Ónyénwē n'ọrụ
581 models
Ónweghị ákàrà
Enweghị mkpa ịbanye
Móòdù:
+ GPT-5, Claude, Gemini
Describe a layout or component and get modern CSS3 - Grid + Flexbox, custom properties, container queries, color-mix(), :has() selectors, prefers-reduced-motion. Mobile-first by default. Self-hosted Qwen 3 Coder is free under the daily pool; premium models nail complex multi-component design systems.
Nkarachọ ndị ahụ
Nke ahụ
Token na-aga n'okpuru.
Wepụta Token
❤️ Ịhụnanya Free.ai? Kpọtụrụ enyi gị!
Sign up iji nweta a referral njikọ na-enweta 30,000 tokens kwa enyi.
Ịchọrọ ihe ọzọ?
Nweta n'efu: 30,000 tokens/ụbọchị
Ndebanye aha
Na-arụ ọrụ n'ihe nchọgharị gị...
Kewapụta CSS koodu na AI maka n'efu.
Otu esi eji ya Nhazi
1
Tinye inu gị
Tinye ngwe, bubata faịlụ, mọọbụ gosi ihe ịchọrọ. Achọrọghị akaụntụ.
2
Pịa iji mepụta
Anyị AI na-enyocha arịrịọ gị n'ime sekọnd site na iji ihe kacha mma open-source models.
3
Bubata na akwado
Bubata, debata, mọọbụ kesaa nsonaazụ gị. Free maka ojiji nkeonwe na nke azụmahịa.
Jiri tùlè a site na API
Megharịa ihenhọrọ a site na koodị gị. OpenAI-compatible REST endpoint, Bearer-token auth, enweghị SDK ọzọ achọrọ. Token costs match the web interface.
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."}]}'Nhazi - FAQ
CSS3 Modern - Grid + Flexbox layouts, custom properties (CSS variables), container queries, color-mix (), :has () selectors, logical properties, prefers-reduced-motion fallbacks. 8 style presets (Vanilla / Tailwind config / Sass / CSS Modules / BEM / Atomic utility / Print stylesheet / Animation). Mobile-first by default with container queries where they beat media queries.
Ya - a zuru ezu akụkụ stylesheet ego ~ 1,000 tokens na Qwen 3 Coder, n'ime 6,000 anonymous / 30,000 signed-up ụbọchị pool. Premium Claude Sonnet / GPT-5 dị na-akpọ maka complex multi-component design systems.
v0 site na Vercel (free tier + $ 20 / mo Pro) na-emepụta React + Tailwind components. Tailwind UI ($ 299 ndụ oge) bụ ọrụ ọrụ na-akwụ ụgwọ. Cursor ($ 20 / mo) na Copilot ($ 10-39 / mo) na-enyere aka n'ime IDE. Ngwaọrụ anyị bụ CSS nke otu - tinye nkọwa, nweta cross-browser-safe CSS. Pairs dị mma na Tailwind: gbanwee preset ka Tailwind config na anyị ga-ede tailwind.config.js + klas ọrụ n'ihi na raw CSS.
Ya - CSS emeredịkachọrọ ihenhọrọ maka theming, @layer maka kasịde chịkwaa, kọntaktị ajụjụ (@container) ebe nna-n'ozuzu ya na-ebuli nha na-ebuli ngosiputa, :has () maka nna-n'ozuzu ya, ụcha ọrụ dịka agba-mkpa () na OKLCH maka agba n'ime. Na-abanye n'ụzọ dị mfe ebe achọrọ.
Họrọ Tailwind ntinyeihe preset. Ogo bụ Tailwind 3.x uruzi klas nke e wepụtara na tailwind.config.js gị (nke anyị na-ebipụta n'otu aka ma ọ bụrụ na ịchọrọ ịhazi isiokwu). Maka HTML markup nke na-ekpuchi klas, gbanwee na /code/html/ na họrọ Tailwind preset.
Họrọ Sass preset. Ọnụọgụgụ ahụ na-eji.scss synactic na @use modulu (ọ bụghị @import nke a na-ewepụ), n'ebe ọ na-enyere nghọta aka (ọ bụghị dịka ngosi), @mixin maka ihenhọrọ ndị a ga-ejigharị, @function maka ọnụọgụgụ vaịn. Ọ dịkwa n'otu na Dart Sass 1.50+.
Họrọ n'ime nchọgharị n'ime animation. Ọnụọgụgụ na-eji @keyframes na cubic-bezier timing, na-achọ-ntụgharị-ezere: belata n'elu maka nlebara anya, ga-agbanwe naanị na propùtaịlụ ndị na-anụgharị. CSS-ọbụla ebe ọbụla (transforms, opacity); JavaScript hooks a na-atụ aro naanị maka mmetụta ndị na-enweghị CSS-enwe ike.
Ha abụọ - họrọ BEM maka.block__element--modifier naming, mọọbụ Atomic utility maka klas nke ọbụla. Maka CSS nke ejiri kọmpụta rụpụta na-enweghị kọmpụta rụpụta, họrọ CSS Modules, nke na-eweta aha klas nke ejiri kọmpụta rụpụta.
Ee - ọbụla preset na-eji CSS emeredịkachọrọ profaịlụ keyed off [data-theme=dark] nakwa a prefers-color-scheme: dark media query fallback. Tinye isiokwu bụ otu-line attribute swap, enweghị CSS recompile. Tailwind preset na-eji embedded dark: variant.
Targets evergreen Chrome / Firefox / Safari (the last two stable releases). Uses @supports blocks for cutting-edge features (:has(), container queries) where Safari 16+ matters. Falls back to flexbox where older Safari fights you. For IE11 support - sorry, you should use /code/refactor/ to manually backport the output.
Họrọ Bipụta stylesheet preset. Ọnụọgụgụ ahụ na-ekpuchi ihe niile na @media mbipụta, na-ehazi agba-ahazi: n'ụzọ ziri ezi maka okpuru, na-ekpuchi nav na kromu, na-echekwa inyogo n'ụzọ dị mma, na-ewepụ ihuakwụkwọ na nkwụsị-ime: na-ewepụ ya na kaadị. Ntụziaka peeji-nhazi site na @page.
Ee - POST ka /v1/chat/ na sistem profaịlụ nke ihuakwụkwọ a na-ebubata. Ogo nke onye na-eweta, ọnụọgụgụ-echekwa. Ọ bara uru maka nhazi-token paipuịnaị ma ọ bụ komponenti-laịibrọfaịlụ jeneretị. Dokta na /api/.
Olee otú ị ga-esi họrọ ihenhọrọ a?