‏SvelteBits: بیش از ۱۳۰ کامپوننت آمادهٔ Svelte 5

اگه پروژهٔ Svelte داری و دنبال یه پس‌زمینهٔ متحرک یا افکت متن جذاب می‌گردی، SvelteBits دقیقاً همینو هدف گرفته: یه کتابخونهٔ متن‌باز با بیش از ۱۳۰ کامپوننت آماده. تو معرفی سایت اومده که اینا همون چیزاییه که خودت از صفر می‌ساختی و حالا از قبل ساخته شده. تمرکزش هم روی بخش دیداری کاره، نه فرم و جدول و دکمه‌های معمولی.

همهٔ کامپوننت‌ها به‌صورت کامپوننت تایپ‌شدهٔ Svelte 5 عرضه می‌شن و استایلشون با Tailwind ـه، یعنی یه استک واحد و بدون وابستگی اضافه. مجموعه تو چهار دستهٔ مشخص چیده شده تا لازم نباشه یه لیست بلند رو بالا پایین کنی: Backgrounds، Animations، Text Animations و Components. از Dot Field و Aurora و Ribbons و Shape Grid گرفته تا Blob Cursor، Splash Cursor، Shiny Text و Dock.

هر کامپوننت هم مثل نمونهٔ زیر با چند prop تنظیم می‌شه، طوری که رنگ و سرعت و شدت افکت رو بدون دست زدن به کد داخلیش عوض کنی:

<ColorBends
  color="#FF3E00"
  speed={0.2}
  frequency={1.0}
  bandWidth={0.14}
  intensity={1.3}
/>

نصبش مدل کپی‌سورسه، نه پکیج‌منیجر: با jsrepo یا shadcn یه دستور می‌زنی و فایل کامپوننت می‌شینه داخل کدبیس خودت. یعنی سورس دست خودته و می‌تونی آزاد تغییرش بدی. سایت روی همین نکته تأکید کرده که خروجی با ابزارهایی مثل Cursor و Copilot و v0 هم خوب جفت می‌شه، چون کد جلوی چشم ابزاره و می‌تونه بخونتش.

پروژه تازه راه افتاده و خودش رو جدیدترین کتابخونهٔ کامپوننت‌های خلاقانهٔ Svelte معرفی می‌کنه. مخزنش روی GitHub زیر DavidHDev/svelte-bits قرار داره و شمارندهٔ ستاره‌ش موقع انتشار هنوز روی صفر بوده. کل مجموعه هم متن‌بازه و طبق چیزی که روی سایت اومده همیشه رایگان می‌مونه.

نکات کلیدی:

• بیش از ۱۳۰ کامپوننت متحرک در چهار دستهٔ Backgrounds، Animations، Text Animations و Components
• همه به‌صورت کامپوننت تایپ‌شدهٔ Svelte 5 با استایل Tailwind عرضه می‌شن
• نصب با jsrepo یا shadcn سورس رو مستقیم می‌ذاره تو کدبیس، پس قابل ویرایشه
• هر کامپوننت با prop تنظیم می‌شه، مثل color و speed و intensity تو نمونهٔ ColorBends
• متن‌باز و رایگان، با مخزن DavidHDev/svelte-bits روی GitHub