מתכת נוזלית
משטח כרום זורם ב-WebGL. מנצנץ לבד ונמשך אחרי הסמן. אפשר גם למלא בו טקסט.
התאמה
tint
מבוסס על Liquid Metal (MIT רישיון) · תנאי שימוש
עוד ב-Pro
לכל הרכיביםמאפיינים
9 מאפיינים| מאפיין | סוג | ברירת מחדל | תיאור |
|---|---|---|---|
| variant | 'chrome' | 'mercury' | 'gold' | 'oil' | "chrome" | חומר המשטח. |
| distortion | number | 1 | עוצמת הגלים. 0 כמעט משטח ישר, 2 מותך. |
| speed | number | 1 | מהירות הזרימה. |
| pointerInfluence | boolean | true | הסמן דוחף את המתכת. |
| maskText | boolean | false | למלא במתכת רק את הטקסט שבפנים. |
| paused | boolean | false | לעצור על הפריים הנוכחי. |
| children | ReactNode | — | תוכן מעל המתכת, או טקסט למילוי. |
| tint | string | "#ffffff" | גוון המתכת, כמו מתכת מאולגנת. לבן משאיר את הווריאנט כמו שהוא. |
| className | string | — | מחלקות לעוטף. |
תלויות
3 חבילות נדרשות
npm install motion clsx tailwind-merge