Shaders
3.4kגרדיאנטים מנצנצים, זכוכית, מתכת ושובל אחרי הסמן לאתר, שמורכבים מחלקים מוכנים כמו ערכת בנייה. אפשר לכוונן אפקט עם העכבר בעורך, או לבקש מ-Claude Code, Cursor או Codex להכניס אותו בשבילכם. חינם, MIT.
לא הרצנו בעצמנו: התיאור לפי התיעוד והמאגר.
במספרים
מה זה
רקע חי ויפה באתר מצויר בדרך כלל על ידי כרטיס המסך לפי תוכנה קטנה שנקראת shader, ומעטים יודעים לכתוב תוכנות כאלה. Shaders מסתיר את החלק הזה: יותר מ-200 אפקטים (גרדיאנטים, רעש, זכוכית, אור, עיוותים, מעברים, שובל אחרי הסמן) מתחברים כרכיבים רגילים של הדף ונערמים זה על זה בשכבות. חבילה אחת עובדת עם React, Vue, Svelte, Solid ו-JavaScript רגיל, ובעורך החינמי ב-shaders.com אפשר להרכיב אפקט על קנבס, כמו מוקאפ ב-Figma, ולייצא קוד מוכן.
ההבדל מ-React Bits, שכנו בקטלוג, הוא שזה לא אוסף של בלוקים מוכנים נפרדים אלא ערכת בנייה: שכבות מתמזגות, ממוסכות ומקוננות זו בתוך זו. והוא בנוי מההתחלה לעבודה עם סוכן: במאגר יש skill שמסביר לסוכן את הספרייה, ושרת MCP שדרכו Claude Code, Cursor או Codex ימצאו, יתקינו ויכווננו בעצמם את האפקט שצריך.
איך זה בנוי
<Shader> מצייר את הקנבס, והאפקטים שבתוכו הופכים לשכבות: הם נקראים מלמעלה למטה ומתמזגים בכרטיס המסך.connect, install, search לפי תיאור, ו-update מושך את מה ששיניתם בעורך.npx shaders skill מתקין לסוכן skill שמתאר את הספרייה, ו-npx shaders@latest install-mcp מגדיר את Claude Code, Cursor, Codex, Windsurf ו-Copilot. עובד גם בחשבון חינמי.<CustomShader> לצד כל השאר.לדעת לפני התקנה
onUnavailable.disableTelemetry.
תגובות