טעקסט פֿאַרבundo-type
קאָמוניקאַציע־נוץ OK
581 מאָדעל
ניט קיין װאַסערצײכן
ניט נייטיק צוצושטימען
מאָדע
+ 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.
קלײַב אַלץ אױסundo-type
פֿאַרגרעסערטע אָפּציעס
רעזולטאט
ניט גענוג װײַז־פֿײַל
קלײַב אַלץ אױסtoolbar style
❤️ ליבע Free.ai? זאָגן דיין פריינט
צושרײַבן זיךצו באַקומען אַ רעפֿערענץ לינק און צו געווינען 30,000 טיקעטס פּער פרייַנד
װילסט מער?
רעגיסטרירן פֿאַר פֿרייַ: 30,000 טאַקענס/טאָג
אַרײַנשרײַב
װײַז פֿאָרױסװײַז
װײַז/האַלט איבער% 1
ווי צו ניצן טעקסט פֿאַרבundo-type
1
אַרײַנשרײַב װײַז
אַרײַנשרײַבן טעקסט, אַרײַנשטעלן טעקע, אָדער באַשרײַבן װאָס איר װילט. קײן קאָנטאָקאַט איז ניט נייטיק
2
קליק צו שאַפֿן
אונזערע AI פּראָצעסירט אייער פֿראַגע אין סעקונדעס ניצן די בעסטער אָפֿן־קאָר־מאָדלן
3
אַרײַנשטעלן
אַרײַנשטעלן, קאָפּירן אָדער טיילן די רעזולטאטן. פֿרייַ פֿאַר פּערזענלעכע און קאָממערציעלע ניצן
ניצע דעם מכשיר װײַז
אויטאָמאַטיזיר דאָס מכשיר פֿון דיין אייגענעם קאָד. OpenAI-פֿאַרבינדענע REST סוף־פּונקט, Bearer-token אױטאָמאַטיזאַציע, ניט קיין צוגעלייגט SDK נייטיק. Token קאָסטן פּאַסן צום װײַב־צובינד
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."}]}'טעקסט פֿאַרבundo-type - FAQ
מאָדערנע CSS3 - גריד + Flexbox אויספֿאָרשונגען, ספּעציפֿישע פּראָפּערטיעס (CSS װאַריאַבלען), קאַנטיינער פֿראַגעס, פֿאַרב-מיקס (), : האט () סעלעקטאָרס, לאַדזשיקאַלע פּראָפּערטיעס, װיל־פֿאַרקלענערט־באַוועגונג פֿאַלבאַקעס. 8 סטיל־פֿאָרװערטס (וואַנילאַ / Tailwind צופּאַסונג / Sass / CSS מאָדולעס / BEM / אטאָמיק־פּראָגראַם / דרוק סטיל־פֿאָרװערטס / אַנימאַציע). מאָביל־פֿאָרװערטס געװײנטלעך מיט קאַנטיינער פֿראַגעס, וווּ זיי שיקן מעדיע פֿראַגעס.
יָא - אַ גאַנץ קאָמפּאָנענט סטילבאָאָק קאָסט ~1,000 טאַקענס אויף Qwen 3 קאָדער, אין די 6,000 אַנאָנימישע / 30,000 אױסגעצייכנטע טעגלעכע פּאָיל. פּרימיום Claude Sonnet / GPT-5 אױסגעצייכנט פֿאַר װײַטער־צוגעבײלטע קאָמפּאָנענט־דיזיין־סיסטעםס
װירוס 0 פֿון װערסעל (פֿרייַ־שטײגער + $20/חודש פּראָ) שאַפֿט React + Tailwind־קאָפּאָנענטן. Tailwind UI ($299 לעבן־צײַט) איז אַ באַצאָלטע קאָפּאָנענט־ביבליאָטעק. לױפֿער ($20/חודש) און קאָפּילאָט ($10-39/חודש) הילף אין אַ IDE. אונדזער מכשיר איז אַ איין־שטופּ CSS - קלײַבן אַ באַשרײַבונג, באַקומען אַ קראָס־בראַוזער־זיכער CSS. װײַזט גוט מיט Tailwind: װײַז די פֿאַרװאַנדלונג צו Tailwind config און מיר װעלן שרײַבן אַ tailwind.config.js + ניצער־קלאַסן אין אָרט פֿון רויך CSS.
יָא - CSS װײַזער־פֿאַרבײדיקונג פֿאַר טעמע, @layer פֿאַר קאַסקע קאָנטראָל, קאַנטיינער־פֿאַרבײַטונג (@container) װוּ עלטער־רעלאַטיווע גרײס־באַװעגונג װײַזט איבער אױסצושטעלן, :has() פֿאַר עלטער־באזירטע סטילירונג, פֿאַרב־פֿונקציעס װי color-mix() און OKLCH פֿאַר צוגעלייגט פֿאַרב־מאַניפּולאַציע. װײַזט זיך צוריק װידער װידער װען נייטיק
קלײַב אױס Tailwind צופּאַס־פֿאַרהײב־פֿאָרױס־סעלעקציע. דער אַרײַנשרײַב איז Tailwind 3.x ניצער־קלאַסן פֿאַרבינדן צו דיין tailwind.config.js (װאָס מיר שאַפֿן צוזאַמען, אױב דו װילסט צופּאַסן דעם טעמע). פֿאַר HTML־מאַקאָפּירונג װאָס װײַזט די קלאַסן, װײַז צו /קאָד/html/ און קלײַב אױס Tailwind צופּאַס־פֿאָרױס־סעלעקציע
קלײַב אַלץ אױסSass preset. output uses.scss syntax with @use modules (not the obsolete @import), nesting where it helps clarity (not as decoration), @mixin for reusable patterns, @function for value computing. Compatibility with Dart Sass 1.50+
קלײַב אױס די אַנימאַציע־פֿאָרױססעלעקציע. דער אַרײַנשרײַב ניצט @keyframes מיט קובישע־בזיר־צײַט, װײַל עס איז בעסער צו פֿאַרמינערן־דער־באַוועגונג: פֿאַרמינערן איבערשרײַבונגען פֿאַר צוגײכקייט, װיל־ענדערן נאָר אויף אַספּעקטן װאָס אַנימירן. CSS-אָנגענעם װען מעגליך (טראַנספֿאָרמאַציע, אומבאַקאַנטקײט); דזשאַוואַ־סקריפּט־האַקעס באַשרײַבן זיך נאָר פֿאַר ניט־CSS־קײן־אפעקטן
בײדע - װײַל BEM פֿאַר.block__element--modifier naming, אָדער Atomic utility פֿאַר איין־צוועקן קלאַסן. פֿאַר קאָמפּאָנענט־פֿאַרבינדענע CSS אָן נאָמען־צובינדענע קאָנפֿליקטן װײַל CSS מאָדולעס, װאָס װײַזט אױס קלאַס־נאָמען פֿון דער װײַט
יע - יעדער פֿאַרװאַנדל ניצט CSS־פֿאַרװאַנדלטע פּראָפּערטיעס אױסגעשלײלט פֿון [דאַטע־טעמע=דאָרעם] און אַ פֿאַרװאַנדלטע טעמע־פֿאַרב־שריפֿט: דאָרעם מעדיע־פֿאַרבײַטונג. דער װײַז־אַרױס־טעמע איז אַ איין־ליניע־אַטריבוט־צובײַט, ניט קיין CSS־אַרײַנקומפּילירן. Tailwind פֿאַרװאַנדלטע פּראָפּערטיעס ניצן דעם אַרײַנגעבוירענעם dark: װאַראַנטע
מײנט אַלץ־װידער־פֿאַרװײַזנדיקע קראָם / פֿירפֿס / סאפֿאַר (די לעצטע צוויי סטאַבעלע װירזשעס). ניצט @שטיצן־בלוקס פֿאַר װײַטער־פֿאַרװײַזנדיקע פֿירמע־פֿעיִקײטן (:has(), קאַנטיינער־פֿאַרבינדונגען) װוּ סאפֿאַר 16+ איז וויכטיק. װעט צוריקצוגיין צו flexbox װוּ אַלט סאפֿאַר װײַזט זיך אױס. פֿאַר IE11 שטיצן - אױף דערפֿאַר זאָלסטו ניצן /קאָד/רעדאַקטיר/ צו װײַזן די אַרײַנשרײַב־אויסגאַבע מיטן האַנט
קלײַב אױס דעם דרוק סטילבײַל־פֿאָרױס־סעלעקציע. דער אַרײַנשרײַב װײַזט אַלץ אין @media דרוק, באַשטעטיקט פֿאַרב־צופּאַסונג: ריכטיק פֿאַר הינטערגרונטן, היט אױף װײַז און קראָם, גרײס בילדער קלאָר, צעשפּרײט בלעטער מיט break-inside: װײַז ניט אױף קאַרטן. בלעטער־אָרינעמענט האַנטל דורך @page
יָא - POST צו /v1/chat/ מיט דער זעלבער סיסטעם־פֿרײַװײַז װאָס די זײַט װײַזט. װײַזער־אויסשרײַבונג, צאָל־באַגרײטע. גוט פֿאַר פּלאַן־טאָקען־פּאַפּיליעס אָדער קאָמפּאָנענט־ביבליאָטעק־גענעראַטאָרן. דאָקומענטן אױף /api/
ווי וואָלטסטו באַטראַכט דעם מכשיר?