React Bits
171 רכיבי React מונפשים: רקעי שיידר, אפקטי טקסט, כרטיסים ותפריטים. מותקנים בפקודה אחת.
לא הרצנו בעצמנו: התיאור לפי התיעוד והמאגר.
במספרים
רכיבים בספרייה החינמית
רקעים, החלק הגדול ביותר
וריאנטים: JS או TS, CSS או Tailwind
רישיון, עם Commons Clause
מה זה
React Bits הוא מדף של אפקטים מונפשים מוכנים ל-React: רקעי שיידר, אפקטי טקסט, כרטיסים, תפריטים. המשימה פשוטה: במקום לכתוב מאפס משהו שכבר נראה טוב, לוקחים רכיב ומשלבים אותו בפרויקט תוך דקה.
ההבדל העיקרי מספריית npm רגילה הוא שהרכיבים מותקנים בשיטת shadcn: הפקודה מעתיקה את קוד המקור ישירות לפרויקט, בלי שורה ב-package.json. מכאן הקובץ שלכם לעריכה. זה מתאים למי שבונה עמודי נחיתה ורוצה ויזואל מרשים בלי גרפיקה משלו, ובמצב MCP Claude Code יכול לחפש ולהתקין רכיבים בעצמו.
איך זה בנוי
npx shadcn addחינם
פקודה כמו
npx shadcn@latest add https://reactbits.dev/r/Aurora-TS-TW מעתיקה את המקור לפרויקט, והסיומת בכתובת בוחרת את הווריאנט.4 sections
Backgrounds (56), Components (45), Animations (38), Text Animations (32); רכיבים חדשים נוספים מדי שבוע.
gsap · motion · ogl · three
לאפקטי טקסט מספיקים
gsap או motion; הרקעים היפים מצוירים בשיידרים דרך ogl או three.MCP
מוסיפים את הרג'יסטרי ל-
components.json, ו-Claude Code מחפש ומתקין רכיבים בעצמו.React Bits Proבתשלום
ערכה נפרדת בתשלום עם בלוקים ותבניות; החלק החינמי לא מקוצץ בגללה. ל-Vue ול-Svelte יש פורטים רשמיים.
לדעת לפני התקנה
רקעי שיידר צריכים בדיקת WebGL ותצוגת גיבוי סטטית: בלי האצת חומרה, במכונות וירטואליות או כשמכסת ההקשרים בלשונית נגמרה, מקבלים חור ריק במקום רקע.
קוד המקור מועתק לפרויקט, ולכן עדכוני רכיבים צריך למשוך ידנית.
ה-Commons Clause מתיר שימוש בפרויקטים שלכם ושל לקוחות, אבל אוסר למכור את הספרייה עצמה.
לקריאת הניתוח
ניתחנו את הכלי הזה לעומק — מה הוא עושה, איפה המכשולים ולמי הוא מתאים.
תגובות