נקודות מגנטיות

רשת נקודות שנפתחת סביב הסמן או מתקבצת אליו. הנקודות ליד הסמן בהירות יותר.

התאמה

color

spacing22pxdotSize1.6pxradius120pxstrength0.60

רכיב של Codearia · תנאי שימוש

9 מאפיינים

מאפיין	סוג	ברירת מחדל	תיאור
color	string	`"#e5e5e5"`	צבע הנקודות.
spacing	number	`22`	המרחק בין הנקודות, בפיקסלים.
dotSize	number	`1.6`	רדיוס הנקודה, בפיקסלים.
radius	number	`120`	הטווח של הסמן, בפיקסלים.
strength	number	`0.6`	כמה רחוק הנקודות זזות.
mode	'repel' \| 'attract'	`"repel"`	הנקודות בורחות מהסמן או נמשכות אליו.
autoDemo	boolean	`true`	סמן נסתר משוטט על הרשת עד שהמבקר מזיז את העכבר.
children	ReactNode	—	תוכן מעל האפקט.
className	string	—	מחלקות לעוטף.

3 חבילות נדרשות

npm install ogl clsx tailwind-merge