Moetsi oa CSS
Ho sebelisa khoebo
581 models
Ha ho na letšoao la metsi
Ha ho hlokahale ho ngolisa
Mofuta:
+ 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.
Boithuto
Likhetho tse tsoetseng pele
Phello
Tokens e tlase.
Fumana Token e eketsehileng
❤️ U rata Free.ai? Reka ho ba lelapa la hao!
Register ho fumana sehokela sa ho u joetsa le ho fumana li-token tse 25 000 ka motsoalle.
U batla ho feta?
E-ba le tokelo ea ho ingolisa: 30,000 tokens/day
Ho ngolisa
Ho sebetsana le kopo ea hau...
E etsa khoutu ea CSS ka AI ntle le tefo.
Ho sebelisa Moetsi oa CSS
1
Tobetsa ho kenya
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 e seng mekae ka ho sebelisa li-models tse ntlehali tsa open-source.
3
Tlosa & arolelana
Kopitsa, kenya kapa arolelana sephetho sa hau. Haholo-holo bakeng sa ho sebelisana le batho ba bang le ho rekisa.
Senya sesebelisoa sena ka API
Automatize ena sesebelisoa ho tloha ho hao code. OpenAI-ka lumellanang REST endpoint, Bearer-token auth, ha ho hlokahale SDK e eketsehileng. Token theko e lumellana le 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."}]}'Li-tools tsa AI tse amanang le mahala
Moetsi oa CSS - FAQ
CSS3 e ncha - li- layouts tsa Grid + Flexbox, litšobotsi tsa hau (liphetoho tsa CSS), lipotso tsa li- container, color- mix (), : has () ba khethang, litšobotsi tsa logical, likhetho tsa ho phahamisa- ho fokotseha- ho phahamisa. Li- preset tsa 8 tsa setaele (Vanilla / Tailwind config / Sass / CSS Modules / BEM / Atomic utility / Print stylesheet / Animation). Mobile- first ka ho tloaelo le lipotso tsa li- container moo ba behang lipotso tsa media.
Ehlile - a ka ho feletseng karolo stylesheet theko ~ 1,000 tokens ka Qwen 3 Coder, ka hare ho 6,000 Anonymous / 30,000 e ngotsoeng-ho pota letsatsi le letsatsi. Premium Claude Sonnet / GPT-5 fumaneha ka-rekoto bakeng sa li-systems boqapi bo sa tšoaneng-mofuta.
v0 ke Vercel (sekhahla se mahala + $ 20 / mo Pro) se hlahisa li-components tsa React + Tailwind. Tailwind UI ($ 299 bophelo) ke lebenkele la likomkomere tse lefelloeng. Cursor ($ 20 / mo) le Copilot ($ 10-39 / mo) li thusa ka har'a IDE. Mochini oa rona ke CSS e le 'ngoe - o kopanya tlhaiso-leseling, o fumana CSS e sireletsehileng ea cross-browser. Li-pairs li le hantle le Tailwind: o fetole preset ho Tailwind config'me re tla ngola tailwind.config.js + lihlopha tsa utility e le hore re se ke ra CSS.
E-na - Litšobotsi tsa CSS tsa khethehileng bakeng sa ho hlophisa, @layer bakeng sa ho laola ka ho toba, lipotso tsa liphutheloana (@liphutheloana) moo ho behiloeng boholo bo amanang le ngoana ho behang ho bona, :has () bakeng sa ho hlophisa ka mokhoa o ipapisitse le ngoana, li-functions tsa'mala joalo ka color-mix () le OKLCH bakeng sa ho hlophisa' mala o fumanehang. E khutlela morao ka mokhoa o bonolo moo ho hlokahalang.
Khetha Tailwind config preset. Mofuta oa tlhahiso ke Tailwind 3.x utility classes wired to your tailwind.config.js (e re etsang ka lehlakoreng le leng haeba o batla ho fetola sehlooho). Bakeng sa HTML markup e etsang hore lihlopha li be le lihlopha, fetolela ho /code/html/'me u khetha Tailwind preset.
Khetha Sass e hlophisitsoeng pele. Mofuta o ka pele o sebelisa.scss syntax le @use modules (haeba e se @import e sa sebelisoang), ho beha moo ho thusang ho hlakile (haeba e se e le ho khabisa), @mixin bakeng sa li-pattern tse ka sebelisoang hape, @function bakeng sa ho ngola litheko. Ho lumellana le Dart Sass 1.50+.
Khetha ho hlophisoa pele ha Animation. Phetoho e sebelisa @keyframes le nako ea cubic-bezier, e khetha-ho fokotseha-ho tsamaea: ho fokotsa ho tlohela ho fihlela ho fihlella, ho tla-phetoho feela ka litšobotsi tse nang le animation. CSS feela moo ho ka khonehang (ho fetolela, ho se sebetse); li-hook tsa JavaScript li khothalletsoa feela bakeng sa litlamorao tse sa lumellaneng le CSS.
Both - khetha BEM bakeng sa.block__element--modifier naming, kapa Atomic utility bakeng sa lihlopha tse lekanyelitsoeng. Bakeng sa CSS e nang le li-component-scoped ntle le ho na le li-collisions tsa ho namela khetha CSS Modules, e leng e etsang hore lihlopha li na le li-class names tse nang le li-scoped kahare.
Ee - ho kenya ka pele ho ka 'na ha sebelisoa litšobotsi tsa CSS tse hlophisitsoeng tse kenyang [data-theme=dark] le prefers-color-scheme: dark media query fallback. Ho kenya ka pele ho Tailwind ho sebelisa mofuta o hlophisitsoeng o mofubelu:.
E tšoaea Chrome / Firefox / Safari e sa feleng (li-releases tse peli tse sa feleng tse tsitsitseng). E sebelisa li-blocks tsa @supports bakeng sa li-features tse ncha (:has (), lipotso tsa li-container) moo Safari 16+ e leng bohlokoa. E khutlela morao ho flexbox moo Safari e fetileng e u khahlanong le uena. Bakeng sa ho tšehetsa IE11 - kea leboha, u lokela ho sebelisa /code/refactor/ ho khutlisa ka letsoho tlhahiso.
Khetha lebokose la setaele la ho Tlatsa le hlophisitsoeng pele. Mofuta o ka pele o tlatsa tsohle ho tlatsa @media, o beha ho nepahala ha'mala: ho nepahala bakeng sa morao, o senya navigator le chrome, o etsa boholo ba litšoantšo ka mokhoa o nepahetseng, o tlosa lihlooho ka ho hloekisa ka ho tlosa-kahare: ho se ke ha etsoa ka li-cards. Ho tšoaea ho otloloha ha leqepheng ka @page.
Yeah - POST ho /v1/chat/ le lengolo la sistimi le tšoanang le le etsang hore leqepheng lena le thehe. Bearer auth, rate-limited. Good for design-token pipelines or component-library generators. Docs at /api/.
E-ba le tokelo ea ho ingolisa: 30,000 tokens/day
E etsa akhaontoHa ho hlokahale karete ea mokitlane
U tla lekola joang sena?