השתמשו ב־React DOM ב־timing, ב־spring וב־interpolate שאתם מכירים מ־React Native Animated. ערך אחד מניע את הסגנון של אלמנטים רבים, בלי רינדור React בכל פריים.
מספרים מתגלגלים, הדגשה שנודדת, רשימות שמזיזות רק את מה שהשתנה, גיליונות ופעולות החלקה. העבירו את הנתונים שלכם — בלי provider או קריאת הגדרה — ב־React וב־React Native.
בחרו תקופה: MotionHighlight נודד אליה, MotionNumber מתגלגל, ProgressRing מתמלא, ו־MotionList מזיז רק את השורות שהשתנו.
היוםהשבועהחודש
ביקורים
1,284
בית
מחירים
Docs
בלוג
נתוני דוגמה
02 · אנסמבל
מכה אחת.הכול זז.
הבמה הזו בנויה עם Animated. Value אחד שמחזיק את התקדמות הגלילה מנצח בבת אחת על המיקום, הסיבוב, הקנה המידה והשקיפות של 48 צורות.
01
צלצול
נקודות מפוזרות מתאספות לטבעות של גונג.
02
פיצול
הטבעת מתפצלת לשלוש ומקבלת את הצבע של כל כלי.
03
צורה
הן הופכות לקישורים של המצב, למסלול של התנועה ולעמודים של המקהלה.
04
פעימה
הכול מתיישר ונוחת על אותה פעימה.
progress
03 · עקרונות
קטן,מההתחלה ועד הסוף.
מתחילים בייבוא אחד
בלי provider עוטף ובלי הגדרה גלובלית מראש. מוסיפים יכולות רק כשהאפליקציה מבקשת אותן.
רק מה שצריך
מתעדכנים רק הרכיבים שהבחירה שלהם השתנתה, האלמנטים שמשתמשים בערך והשורות שזזו.
אחראי עד הסוף
תנועה שהופרעה ממשיכה ממה שעל המסך, והרשמות ואנימציות משתחררות כשהבעלים שלהן נעלם.
עם טיפוסים ותיעוד
כל חבילה מגיעה עם הצהרות TypeScript, והתיעוד זמין ב־39 שפות.
04 · השם
קוונגווארי,הגונג שפותח את התזמורת.
הוגים את זה «קוונג־גווה־רי». בפונגמול הקוריאני, נגן הקוונגווארי (꽹과리) הראשי קובע את הקצב לכל האנסמבל. הכלים שלנו שואפים לאותו דבר: קטנים אבל ברורים, כדי שכל האפליקציה תנוע על פעימה אחת.
kkwaenggwariקוונגווארי נקרא על שם הקוונגווארי (꽹과리), גונג קוריאני קטן שמכים בו במקבת. הצליל הבהיר והצלול שלו העניק את השם לכלי הקוד הפתוח הקטנים האלה.