רקעיםחדש
כוכבים עם כבידה
שמי כוכבים על canvas. הכוכבים מנצנצים, מתחברים בקווים ונאספים אל הסמן.
התאמה
color
מבוסס על Gravity Stars (MIT רישיון) · תנאי שימוש
עוד ב-Pro
לכל הרכיביםמאפיינים
14 מאפיינים| מאפיין | סוג | ברירת מחדל | תיאור |
|---|---|---|---|
| count | number | 220 | מספר הכוכבים. פחות במסכים צרים. |
| gravity | number | 1 | עוצמת המשיכה לסמן. |
| connect | boolean | true | קווים דקים בין כוכבים קרובים. |
| connectDistance | number | 130 | המרחק שבו כוכבים מתחברים, בפיקסלים. |
| starSize | number | 1.5 | גודל כוכב בפיקסלים. |
| glow | number | 5.5 | הילה סביב כוכב. 1 בלי, 8 זוהר חזק. |
| twinkle | number | 0.55 | נצנוץ, מ-0 עד 1. |
| speed | number | 1 | מהירות הסחיפה. |
| drag | number | 0.03 | חיכוך. 0 בלי, 1 הכוכבים עומדים. |
| color | string | "#ffffff" | צבע הכוכבים. |
| tint | number | 0 | פיזור גווני הכוכבים מקר לחם, מ-0 עד 1. |
| paused | boolean | false | לעצור את האנימציה. |
| children | ReactNode | — | תוכן מעל הרקע, למשל כותרת. |
| className | string | — | מחלקות לעוטף. |
תלויות
3 חבילות נדרשות
npm install motion clsx tailwind-merge