hit-area یه مجموعه از کلاسهای یوتیلیتی برای Tailwind CSS هست که کمک میکنه ناحیه کلیکپذیر المانهای تعاملی رو بدون تغییر در لایوت گسترش بدی. این ابزار مشکل «مناطق مرده» (interaction dead zones) رو که باعث میشه کاربر نتونه راحت روی دکمهها یا چکباکسهای کوچیک کلیک کنه، به شکل عملی حل میکنه. نصبش از طریق رجیستری shadcn انجام میشه و کلاسهایی مثل hit-area-6 یا hit-area-x-4 رو در اختیارت میذاره. سازندهاش میگه بیش از دو سال توی پروژههای خودش ازش استفاده میکرده و حالا به صورت عمومی منتشرش کرده.
Animata یه کتابخونه متنباز و رایگانه که بیش از ۱۵۸ کامپوننت انیمیشنی آماده برای ریاکت داره. نیازی به نصب پکیج خاصی نیست؛ کافیه فایل مورد نظر رو مستقیم توی پروژهات کپی کنی. همه کامپوننتها از اپهای واقعی در اومدن و مسائلی مثل دسترسپذیری هم توشون در نظر گرفته شده.
Nano Stores یه کتابخانهی فوقالعاده سبک برای مدیریت استیته که با React، Vue، Svelte، Solid، Angular و حتی Vanilla JS کار میکنه. حجمش بین ۲۹۴ تا ۸۳۱ بایته و هیچ dependency خارجی نداره. ایدهی اصلیش اینه که منطق برنامه رو از کامپوننتها بیاری بیرون و بذاری داخل store. با استفاده از atomic storeها و lazy loading، فقط کامپوننتهایی re-render میشن که واقعاً به داده تغییر کرده نیاز دارن.
TSRX یه افزونه زبانی برای TypeScriptه که میخواد نوشتن کامپوننتهای UI رو راحتتر و خواناتر کنه. برخلاف JSX، توی TSRX میشه کنترل فلو، استایلها، و متغیرهای محلی رو مستقیماً کنار markup نوشت. این ابزار به React، Preact، Solid، Vue و Ripple کامپایل میشه و با کدبیسهای موجود TypeScript سازگاره. یه مزیت مهمش اینه که هم برای توسعهدهندههای انسانی و هم برای مدلهای زبانی (LLM) خوندن کد رو آسونتر میکنه.
React Photo Album یه کامپوننت گالری عکس ریسپانسیو برای ریاکت ۱۸+ هست که سه نوع چیدمان Rows، Columns و Masonry رو پشتیبانی میکنه. این کتابخونه از الگوریتمهای پویا برای چیدمان بهینه عکسها استفاده میکنه تا نه کشیده بشن نه له. علاوه بر این، تصاویر ریسپانسیو با تغییر خودکار رزولوشن رو out of the box داره و با SSR هم کاملاً سازگاره. نصبش هم فقط یه دستور سادهست و راهاندازی اولیهاش چند خط بیشتر نمیخواد.