כדור עוזר קולי

כדור מנצנץ כמו של עוזרים קוליים. נושם במנוחה, מאיץ כשהוא חושב ופועם עם הקול.

התאמה

animationDuration20s

mainColor

secondColor

highlightColor

מבוסס על Siri Orb (MIT רישיון) · תנאי שימוש

9 מאפיינים

מאפיין	סוג	ברירת מחדל	תיאור
state	'idle' \| 'listening' \| 'thinking' \| 'streaming' \| 'done' \| 'error'	`"idle"`	מצב עוזר ה-AI. משנה את המהירות, הגודל והזוהר של הכדור.
size	string	`"192px"`	גודל הכדור בפיקסלים.
animationDuration	number	`20`	זמן סיבוב צבעים אחד, בשניות.
amplitude	number \| MotionValue<number>	—	עוצמת הקול מ-0 עד 1. הכדור פועם בהתאם.
colors	{ bg?: string; c1?: string; c2?: string; c3?: string; c4?: string }	—	צבע הרקע וארבעה צבעי מעבר.
mainColor	string	`"#f8f8f8"`	הצבע הראשון של הכדור, הראשי. גובר על colors.c1.
secondColor	string	`"#c4c4c4"`	הצבע השני של הכדור, גם צבע ההילה. גובר על colors.c2.
highlightColor	string	`"#717171"`	הצבע השלישי של הכדור. גובר על colors.c3.
className	string	—	מחלקות לעוטף.

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

npm install motion clsx tailwind-merge