‏کامپوننت‌های انیمیشن آماده برای Svelte 5

این پروژه یه مجموعهٔ متن‌بازه که کامپوننت‌های انیمیشن آمادهٔ Svelte 5 رو جمع کرده؛ ایده‌ش اینه که به‌جای نوشتن انیمیشن از صفر، کامپوننت رو کپی کنی و مستقیم بذاری تو پروژه. به گفتهٔ سازنده، هدف اینه که همون تجربهٔ کتابخونه‌های معروف انیمیشن رو برای جامعهٔ Svelte 5 بیاره.

طبق چیزی که تو مخزن اومده، این کامپوننت‌ها بین سه بخش تقسیم شدن: Svelte Magic UI با ۵۷ کامپوننت، Svelte Spell UI با ۲۱ کامپوننت و Fancy Components با ۱۰ کامپوننت خاص. روی‌هم‌رفته الان ۸۸ کامپوننت داره و تازگی ۲۱ مورد Spell UI و ۱۰ مورد Fancy بهش اضافه شده.

از نظر فنی، همه‌چی روی کتابخونهٔ motion-sv، Tailwind CSS و رجیستری shadcn-svelte سواره. ساختار رجیستری هم مشخصه: مسیر /r/ برای کامپوننت‌های Magic UI، مسیر /s/ برای Spell UI و مسیر /f/ برای Fancy Components در نظر گرفته شده.

برای استفاده، اول پروژهٔ Svelte رو می‌سازی و shadcn-svelte و motion-sv رو راه می‌ندازی، بعد هر کامپوننت رو با یه دستور از رجیستری اضافه می‌کنی:

pnpm dlx shadcn-svelte@latest add https://sv-animations.vercel.app/r/morphing-text.json

سازنده می‌گه این کار از پروژه‌های Magic UI، Spell UI و Fancy Components الهام گرفته و به سازنده‌های اصلی اون‌ها هم اعتبار داده. کل پروژه هم تحت لایسنس MIT منتشر شده، پس می‌تونی آزادانه تو کارهات ازش استفاده کنی.

نکات کلیدی:

• یه مجموعهٔ کپی-پیست از کامپوننت‌های انیمیشن مخصوص Svelte 5
• در مجموع ۸۸ کامپوننت بین Magic UI (۵۷)، Spell UI (۲۱) و Fancy (۱۰)
• ساخته‌شده با motion-sv، Tailwind CSS و رجیستری shadcn-svelte
• نصب هر کامپوننت با یه دستور shadcn-svelte add از روی رجیستری
• متن‌باز و تحت لایسنس MIT