مخزن دانلود Wbweb
CDN ایرانی کتابخانه‌های پرکاربرد مثل jQuery، Bootstrap و Font Awesome: همان مسیرهای jsDelivr روی هاست داخلی، با کد آماده script و link و SRI برای هر فایل.
یوآی کیت ·فریم‌ورک‌های CSS و رابط کاربری
uikit یه فریم ورک فرانت اند سبک و ماژولار برای ساخت سریع رابط کاربریه. شبکه بندی، منو، مودال، اسلایدر، آکاردئون و کلی کامپوننت آماده با CSS و جاوااسکریپت داره و با مجوز MIT منتشر شده. اگه می خوای ظاهر سایتت رو بدون کدنویسی زیاد بالا بیاری، گزینه خوبیه.
چویسز جی اس ·فرم و ویرایشگر
choices.js یه کتابخونه جاوااسکریپت سبک و بدون وابستگیه که select و input متنی ساده HTML رو به فیلدهای قابل جستجو، چند انتخابی و برچسبی تبدیل می کنه. اگه فرم هات لیست بلند یا فیلد کلمه کلیدی دارن و ظاهر پیش فرض مرورگر جواب نمی ده، انتخاب جمع و جوریه. مجوزش MIT و آزاده.
مونتسرات ·فونت
@fontsource-variable/montserrat یه بسته npm برای میزبانی فونت Montserrat روی سرور خودته. نسخه متغیر فونت رو با فایل های CSS آماده می گیری و بدون وابستگی به سرویس بیرونی، تیتر و متن لاتین سایت یا اپلیکیشنت رو با هر وزنی نشون می دی.
تیلویند براوزر ·فریم‌ورک‌های CSS و رابط کاربری
@tailwindcss/browser نسخه مخصوص مرورگر تیلویند سی اس اس هست. با یه تگ اسکریپت ساده توی صفحه، کلاس های utility-first رو همون لحظه توی مرورگر به CSS تبدیل می کنه. برای نمونه سازی سریع، آموزش و تست ایده خوبه، چون نه Node می خواد و نه مرحله build.
پلایر ·کتابخانه
plyr یه پلیر ساده، قابل دسترس و قابل شخصی سازی برای ویدیو و صدا توی صفحه وبه. فایل های HTML5 و ویدیوهای یوتیوب و ویمیو رو با ظاهر یکدست و کنترل های تمیز نشون می ده. با مجوز MIT منتشر شده و ظاهراً فقط نگهداری امنیتی می شه.
پی تی سنس ·فونت
@fontsource/pt-sans یه بسته npm برای میزبانی فونت PT Sans روی سرور خودته. به جای گرفتن فونت از سرویس های خارجی، فایل های فونت و CSS رو کنار پروژه نگه می داری و از هاست خودت سرو می کنی. برای متن لاتین و سیریلیک خوبه، ولی حروف فارسی رو نداره.
آر اس وی پی ·کتابخانه
rsvp یه کتابخانه سبک جاوااسکریپته برای مرتب نگه داشتن کدهای ناهمزمان. یه پیاده سازی از Promise طبق استاندارد Promises/A+ داره و چند تابع کمکی مثل all و hash و race بهت می ده. هم توی مرورگر کار می کنه هم توی Node و برای مدیریت چند درخواست پشت سر هم یا موازی به کار می آد.
اس دی کی کلاویو برای ادج تگ ·ابزارهای کاربردی
@blotoutio/providers-klaviyo-sdk یه بسته npm از Blotout با مجوز MIT هست که Klaviyo رو به EdgeTag وصل می کنه. اگه سایتت رویدادهای کاربر رو با EdgeTag جمع می کنه و می خوای بخشی از اون داده ها به Klaviyo برسه، این SDK سمت مرورگر همین کار رو انجام می ده.
سگمنت وان تراست ·ابزارهای کاربردی
@segment/analytics-consent-wrapper-onetrust یه بسته npm با مجوز MIT برای سایت هایی هست که هم از Segment برای آنالیتیکس استفاده می کنن و هم از OneTrust برای گرفتن رضایت کاربر. کارش اینه که ارسال داده های Segment رو با انتخاب کاربر توی پنجره رضایت کوکی هماهنگ کنه.
ری اکت ·فریم‌ورک‌های جاوااسکریپت
React یه کتابخانه جاوااسکریپت برای ساخت رابط کاربریه. صفحه رو به تکه های مستقل به اسم کامپوننت تقسیم می کنی و هر تکه داده و نمایش خودش رو مدیریت می کنه. برای داشبورد، اپلیکیشن تحت وب و بخش های تعاملی سایت وردپرسی به کار می آد و مجوزش MIT هست.
پروایدر فیسبوک برای ادج تگ ·ابزارهای کاربردی
@blotoutio/providers-facebook-sdk یه بسته npm از شرکت Blotout است که SDK مرورگری فیسبوک رو برای EdgeTag آماده می کنه. اگه رویدادهای سایتت رو با EdgeTag جمع و ارسال می کنی، این بسته سمت مرورگر رو به پیکسل فیسبوک (متا) وصل می کنه. مجوزش MIT اعلام شده و استفاده تجاری هم مشکلی نداره.
بی اکس اسلایدر ·اسلایدر، گالری و رسانه
bxslider یه پلاگین جی کوئری برای ساخت اسلایدر و کاروسل ریسپانسیوه که روی موبایل با کشیدن انگشت هم کار می کنه. اگه سایتت از jQuery استفاده می کنه و برای بنر، تصویر محصول یا نظر مشتری ها یه اسلایدر ساده می خوای، این کتابخانه با چند تنظیم کوتاه کارت رو راه می ندازه.
ایموجی پیکر المنت ·فرم و ویرایشگر
emoji-picker-element یه کتابخانه سبک جاوااسکریپته که پنل انتخاب ایموجی رو به صفحه اضافه می کنه و به شکل وب کامپوننت عرضه می شه. با یه تگ ساده کنار فیلد کامنت، چت یا ویرایشگر می ذاریش و کاربر بین دسته ها می گرده و ایموجی دلخواهش رو انتخاب می کنه، بدون وابستگی به هیچ فریم ورکی.
اینستنت سرچ سی اس اس ·فریم‌ورک‌های CSS و رابط کاربری
instantsearch.css یه کتابخانه CSS از Algolia با مجوز MIT هست که ظاهر ویجت های InstantSearch رو استایل می ده. باکس جستجو، لیست نتایج، فیلترها و صفحه بندی فقط با اضافه کردن یه فایل ظاهر مرتبی پیدا می کنن. اگه یه جستجوی زنده ساختی و نمی خوای همه چیز رو از صفر استایل بزنی، نقطه شروع خوبیه.
سیمپل آیکونز ·آیکون
simple-icons یه بسته npm پر از آیکون SVG برندهای معروفه: لوگوی شبکه های اجتماعی، ابزارهای توسعه و سرویس های آنلاین. اگه برای فوتر، صفحه تماس یا بخش «ابزارهایی که باهاشون کار می کنیم» آیکون برند لازم داری، با مجوز CC0 و بدون فایل تصویری سنگین می تونی ازش استفاده کنی.
مدیاپایپ ویژن ·ابزارهای کاربردی
@mediapipe/tasks-vision بسته جاوااسکریپتی گوگله که کارهای بینایی ماشین رو مستقیم توی مرورگر انجام می ده؛ از تشخیص چهره و ردیابی دست و بدن تا تشخیص اشیا، دسته بندی تصویر و جداسازی بخش های عکس. اگه می خوای تصویر یا دوربین کاربر رو بدون سرور جدا و روی خود دستگاهش پردازش کنی، گزینه خوبیه.
الگولیا اتوکامپلیت ·فرم و ویرایشگر
@algolia/autocomplete-js یه کتابخونه جاوااسکریپته برای ساختن کادر جستجوی خودکار تکمیل. کاربر توی کادر تایپ می کنه و پیشنهادها همون لحظه زیرش باز می شن. منبع داده می تونه API خودت باشه یا سرویس Algolia. برای موبایل هم حالت مخصوص داره و کار با کیبورد و دسترس پذیری رو خودش انجام می ده.
پی دی اف جی اس ·ابزارهای کاربردی
pdfjs-dist نسخه آماده و استاندارد بسته npm کتابخانه PDF.js موزیلاست. با این کتابخانه می تونی فایل PDF رو مستقیم توی مرورگر باز کنی و صفحه هاش رو روی canvas نشون بدی، بدون افزونه جانبی و بدون فرستادن فایل به سرویس خارجی. برای ساختن نمایشگر PDF توی سایت و پنل های وردپرسی به کار می ره.
مگنیفیک پاپ آپ ·اسلایدر، گالری و رسانه
magnific-popup یه کتابخانه لایت باکس و پنجره مودال برای jQuery و Zepto هست. با اون می تونی تصویر، گالری عکس، HTML داخل صفحه، ویدیوی یوتیوب یا ویمیو و حتی نقشه گوگل رو توی یه پنجره شناور نشون بدی. افکت های حرکتیش با CSS3 ساخته شدن و مجوزش MIT هست.
سیمپل بار ·ابزارهای کاربردی
simplebar یه کتابخونه جاوااسکریپت و CSS برای جایگزین کردن اسکرول بار پیش فرض مرورگره که ظاهرش رو خودت با CSS تعیین می کنی. رفتار اسکرول همون اسکرول طبیعی مرورگر می مونه و فقط شکل نوار عوض می شه. برای منوهای کناری، کادر چت، جدول ها و هر بخش اسکرول داری مناسبه.
مسونری ·کتابخانه
masonry-layout یه کتابخانه جاوااسکریپت از David DeSandro با مجوز MIT هست که آیتم های صفحه رو مثل آجرچینی یا چیدمان پینترست تو ستون ها می چینه. برای گالری تصویر، کارت مقاله و نمونه کار با ارتفاع نامساوی به درد می خوره و جاهای خالی بین کارت ها رو کم می کنه.
تدی دیجیتال فرانت اند ·ابزارهای کاربردی
@teddy-digital/frontend یه بسته npm با مجوز ISC از Martina Piangerelli هست که طبق توضیح رسمی منبعش، مجموعه ای از ابزارهای کمکی جاوااسکریپت (Utility JS) برای قالب های Shopify به حساب میاد. اگه روی قالب شاپیفای کار می کنی و دنبال کدهای کمکی آماده ای، این بسته رو بررسی کن.
پی تو پی مدیا لودر اچ ال اس جی اس ·اسلایدر، گالری و رسانه
p2p-media-loader-hlsjs یه بسته npm از Novage هست که پخش HLS توی hls.js رو به شبکه همتا به همتا وصل می کنه. بیننده ها بخشی از تکه های ویدیو رو از همدیگه می گیرن، نه فقط از سرور. برای پخش زنده با بیننده همزمان زیاد به کار میاد و فشار پهنای باند رو کم می کنه.
جی کوئری یو آی ·کتابخانه
jquery-ui مجموعه ای از ویجت، تعامل، افکت و تم آماده است که روی jQuery ساخته شده. با اون می تونی دیالوگ، تب، آکاردئون، اتوکامپلیت، اسلایدر و درگ و دراپ رو بدون نوشتن از صفر به صفحه اضافه کنی. مجوزش MIT هست و برای سایت های قدیمی و وردپرسی گزینه راحتیه.
نام کتابخانه، افزونه یا قالب را بفرستید؛ پس از بررسی، نسخه‌های رسمی آن به مخزن اضافه می‌شود.