‏Blossom Carousel: کروسل بدون بازنویسی اسکرول

Blossom Carousel یه کتابخونهٔ کروسله که تو معرفیش اومده اولین کتابخونه‌ایه که به‌جای جایگزین‌کردن اسکرول مرورگر، روی خودش ساخته شده. به گفتهٔ سازنده، به‌جای پیاده‌سازی یه سیستم اسکرول اختصاصی فقط یه بهبود کوچیک برای درگ با ماوس اضافه می‌شه و مدل تعامل، پرفورمنس و دسترس‌پذیری یه کانتینر اسکرول واقعی دست‌نخورده می‌مونه.

همین یه تصمیم چند تا نتیجهٔ عملی داره. چون زیرساخت همون اسکرول نیتیوه، ویژگی‌های CSS مثل scroll-snap، position: sticky و انیمیشن‌های scroll-driven بدون لایهٔ انتزاعی اضافه کار می‌کنن. یعنی کروسل رو عملاً با CSS پیکربندی می‌کنی، نه با یه آبجکت تنظیمات جاوااسکریپتی.

نکتهٔ جالب دیگه حجمشه: روی دستگاه‌های لمسی چیزی لود نمی‌شه، چون کد فقط وقتی اجرا می‌شه که مرورگر یه pointer device دقیق مثل ماوس رو تشخیص بده. برای موبایل که اسکرول نیتیو خودش کافیه، هزینهٔ جاوااسکریپتش صفر می‌شه.

از نظر امکانات، کنترل‌های Previous و Next و Dots به‌صورت آماده وجود دارن و رندر نقطه‌ها قابل سفارشی‌سازیه. یه حالت آزمایشی اسکرول چرخه‌ای هم هست که کروسل رو بی‌نهایت لوپ می‌کنه. بسته‌ها برای React، Vue، Svelte، Web Components و هستهٔ خالص جدا منتشر شدن.

پروژه راهنمای مهاجرت از Embla، Swiper، Splide، Slick و Flickity هم داره. علاوه بر این یه سری Agent Skill منتشر کرده تا دستیارهای کدنویسی مثل Cursor یا Claude Code بتونن راهنمایی مخصوص همین پکیج رو بدن.

نکات کلیدی:

• روی اسکرول نیتیو مرورگر سواره و جاش رو نمی‌گیره
• درگ فیزیک‌محور فقط برای دستگاه‌های با ماوس
• روی دستگاه‌های لمسی صفر کیلوبایت جاوااسکریپت
• سازگار با scroll-snap، sticky و انیمیشن‌های scroll-driven
• بستهٔ جدا برای React، Vue، Svelte و Web Components
• راهنمای مهاجرت از Embla، Swiper، Splide، Slick و Flickity