אשף אנימציות Framer Motion לסיקוונס כניסה | VibeScale Prompts
חזרה לכל הפרומפטים

אשף אנימציות Framer Motion לסיקוונס כניסה

פרומפט שגורם לרכיבי המסך "לזרום" פנימה אחד אחרי השני (Stagger) עם פיזיקה של קפיצים.

מודל: Claude 3.5 Sonnetקטגוריה: עיצוב
Create a React component using Framer Motion that implements a 'Staggered Entrance' for a list of items.

RULES:
1. Use 'spring' physics: stiffness: 100, damping: 20, mass: 1.
2. Ensure accessibility: use `layout` prop for smooth resizing.
3. Logic: The parent component must control the 'staggerChildren' timing (e.g., 0.1s delay per item).
4. Hover: Add a subtle 'hover' scale effect (scale 1.02) and 'tap' effect (0.98).

Provide only the functional React code.

מתי כדאי להשתמש?

הוספת "WOW factor" לעמודי בית או דאשבורדים.