SvelteBits: کامپوننتهای خلاقانه برای Svelte 5
فرانتاند
جاوااسکریپتخلاصهٔ کاملتر
SvelteBits یه کتابخونهٔ کامپوننت برای Svelte 5 هست که روی بخش بصری کار تمرکز داره: بکگراندهای انیمیشنی، افکتهای متنی و اجزای تعاملی مثل Dot Field، Aurora، Ballpit، Splash Cursor و Dock. تو سایت پروژه اومده که بیش از ۱۳۰ کامپوننت داره و دقیقاً همون چیزهاییه که معمولاً مجبوری از صفر بسازی. کامپوننتها هم تو چهار دستهٔ مشخص مرتب شدن: بکگراند، انیمیشن، افکت متنی و کامپوننت رابط کاربری.
هر کامپوننت به شکل یه کامپوننت تایپشدهٔ Svelte 5 عرضه میشه که با Tailwind استایل خورده، یعنی اگه استک پروژهت همینه چیز اضافهای وارد کدت نمیکنی. تیم پروژه میگه خروجی با ابزارهای هوش مصنوعی مثل Cursor و Copilot و v0 هم خوب جواب میده، چون کد خود کامپوننت جلوی چشم مدله و مثل یه پکیج توی node_modules پنهون نشده.
نصبش به سبک shadcn هست. بهجای اینکه یه dependency به پروژه اضافه کنی، سورس کامپوننت با دستوری مثل npx jsrepo add مستقیم داخل کدبیس کپی میشه و از اون به بعد مال خودته: هر پارامتر و هر خط استایلش رو میتونی عوض کنی. اون روی دیگهش هم اینه که آپدیت خودکار نداری و اصلاحات بعدی رو باید دستی برداری.
کل پروژه اوپنسورسه و سازندهش DavidHDev اون رو روی گیتهاب با اسم svelte-bits نگه میداره. خودشون تأکید دارن که همیشه رایگان میمونه، ولی همزمان میگن جدیدترین کتابخونهٔ کامپوننت خلاقانهٔ Svelte هستن؛ یعنی پروژه هنوز جوونه و اگه دنبال یه گزینهٔ جاافتاده با سابقهٔ طولانی میگردی، فعلاً این اون گزینه نیست.
نکات کلیدی:
- بیش از ۱۳۰ کامپوننت تو چهار دسته: بکگراند، انیمیشن، افکت متنی و UI.
- ساختهشده برای Svelte 5، با TypeScript و استایل Tailwind.
- نصب با jsrepo یا shadcn؛ سورس مستقیم توی کدبیس کپی میشه، نه به شکل dependency.
- اوپنسورس و رایگان، با نگهداری DavidHDev روی گیتهاب (مخزن svelte-bits).
