טעקסט פֿאַרבgradient-editor-action
קאָמוניקאַציע־נוץ
380+ מאָדעלס
ניט קיין װאַסערמאַפּע
ניט נייטיק צו אַרײַנשרײַבן
מאָדע
+ 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.
פֿאַרקלײַב
פֿאַרגרעסערע אָפּציעס
רעזולטאט
ניט גענוג װײַזער
װײַז אַלע
❤️ ליבע Free.ai? זאָגן דיין פריינט
רעדאַקטירן צו באַקומען אַ רעפֿערענץ לינק און באַקומען 25,000 טיקען פּער פרייַנד.
װילסט מער?
אַרײַנשרײַבן פֿאַר פֿרייַ פֿאַר 30K טיקאַץ/טאָג + 10K באָנוס
אַרײַנשרײַבן
באַהאַנדלט זיך דיין פֿראַגע...
שאַפֿן CSS קאָד מיט AI פֿאַר פֿרייַ
ווי צו ניצן טעקסט פֿאַרבgradient-editor-action
1
אַרײַנשרײַב װײַטער
אַרײַנשרײַבן טעקסט, אַרײַנשטעלן טעקע, אָדער באַשרײַבן װאָס איר װילט. קײן אױסצושטעלן אױסצושטעלן
2
קליק צו שאַפֿן
אונזערע קײן־אינפֿאָרמאַציע־פּראָצעסן װײַזן אױס אייער פֿראַגע אין סעקונדעס מיט די בעסטער אָפֿן־קאָר־מאָדלן.
3
אַרײַנשטעלן & צעטיילן
אַרײַנשטעלן, קאָפּירן אָדער טיילן אייער רעזולטאט. פֿרײַ פֿאַר פּערזענלעכן און קאָממערציעלע ניצן
ניצן דעם מכשיר װײַז
אויטאָמאַטיזיר דעם מכשיר פֿון אייער אייגענעם קאָד. OpenAI-פֿאַרבינדנדיקער REST סוף־פּונקט, װײַזער־טאָקען אױטאָמאַטיזאַציע, ניט נײן צוגעגעבן 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."}]}'פֿאַרבינדטע פֿרײַע AI מכשירים
טעקסט פֿאַרבgradient-editor-action — FAQ
מאָדערנע CSS3 - גריד + Flexbox אויספֿאָרשונגען, ספּעציפֿישע פּראָפּערטיעס (CSS װאַריאַבלען), קאַנטיינער פֿראַגעס, פֿאַרב-מיקס (), : האט () סעלעקטאָרס, לאַדזשיקאַלע פּראָפּערטיעס, װיל־פֿאַרקלענערט־באַוועגונג פֿאַלבאַקעס. 8 סטיל־פֿאָרװערטס (וואַנילאַ / Tailwind צופּאַסונג / Sass / CSS מאָדולעס / BEM / אטאָמיק־פּראָגראַם / דרוק סטיל־פֿאָרװערטס / אַנימאַציע). מאָביל־פֿאָרװערטס געװײנטלעך מיט קאַנטיינער פֿראַגעס, וווּ זיי שיקן מעדיע פֿראַגעס.
יָה - אַ גאַנץ קאָמפּאָנענט סטילשטײל קאָסט ~1,000 טאַקענס אויף Qwen 3 קאָדער, אין די 2,500 אַנאָנימישע / 10,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 deprecated @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 נאָמען, אָדער Atomic פֿאַר קלאַסן מיט איין צײַט. פֿאַר קאָמפּאָנענט־געטריבן CSS אָן נאָמען־קאָליסיעװן װײַל CSS מאָדולן, װאָס װײַזט קלאַס־נאָמען מיט אַ לײדיקן נאָמען
יע - יעדער פֿאַרװאַנדל ניצט CSS־פֿאַרװאַנדלטע פּראָפּערטיעס אױסגעשלײלט פֿון [דאַטע־טעמע=דאָרעם] און אַ פֿאַרװאַנדלטע טעמע־פֿאַרב־שריפֿט: דאָרעם מעדיע־פֿאַרבײַטונג. דער װײַז־אַרױס־טעמע איז אַ איין־ליניע־אַטריבוט־צובײַט, ניט קיין CSS־אַרײַנקומפּילירן. Tailwind פֿאַרװאַנדלטע פּראָפּערטיעס ניצן דעם אַרײַנגעבוירענעם dark: װאַראַנטע
װײַז קײן װײַטער
קלײַב אױס דעם דרוק־סטיילבײַל־פֿאָרױס־סעלעקציע. דער אױסגאַבע װײַזט אַלץ אין @media דרוק, באַשטעטיקט פֿאַרב־צופּאַסונג: ריכטיק פֿאַר הינטערגרונטן, הײבט אָפּ װײַזונג און קראָם, גרײס בילדער קלאָר, צעברײט בלעטער מיט צעברײט-אַרײַן: װײַזט ניט אױף קאַרטן. בלעטער־אָרינעראַציע הענטל דורך @page
יָא - POST צו /v1/chat/ מיט דער זעלבער סיסטעם־פֿאָרױסװײַז װאָס די זײַט װײַזט. װײַזער־אויטאָמאַטיזאַציע, באַגרענעצט דורך צאָל. גוט פֿאַר פּלאַן־טאָקען־פּאַפּיליעס אָדער קאָמפּאָנענט־ביבליאָטעק־גענעראַטאָרן. דאָקומענטן אױף /api/
ווי וואָלטסטו באַטראַכט דעם מכשיר?