#fun #js #html #css #react
☕️ Telegram | Website | Discord

برنامه نویس فرانتی و انیمیشن نداری؟👀

🔸️ ببین چی آوردیم برات، مرجع انیمیشن‌های Lottie (فرمت JSON) برای استفاده توی وب، اپ‌های موبایل و React Native.

✅ خروجی سبک و قابل اجرا با کتابخونه‌هایی مثل lottie-web، lottie-ios و lottie-android
✅ پلاگین برای فیگما و افترافکت
✅ ابزار ویرایش و تست آنلاین

👌 اگه دنبال انیمیشن‌های تمیز و بهینه برای فرانت‌اند یا موبایل می‌گردی، این سایت به کارت میاد:
🔗 https://lottiefiles.com/

#frontend #ui #json #react
☕️ Telegram | Website | Discord

💡اگر دنبال راهی ساده اما حرفه ای برای پیاده سازی انیمیشن های جذاب با React هستین کتابخونه Framer Motion یه ابزار OpenSource و به دلیل استفاده از Transform باعث اجرای روون و سریع انیمیشن ها میشه و با امکاناتی مثل درگ اند دراپ، gesture و animation sequences و hybrid engine یکی از بهترین انتخاب ها برای شماست.

🔗 لینک داکیومنت

#react #library #framer #motion
☕️Telegram | Website | Discord

با استفاده از سایت ReactBits میتونید به کامپوننت های انیمیشنی مختلف دسترسی داشته باشید. متن، کارت ها، بک گراند ها و کلی کامپوننت و دیزاین فوق العاده انیمیشنی رو میتونید بهش دسترسی داشته باشید و کد های هرکدوم رو هم بخواین در دسترستون هست همراه با پیش نمایش کامل🔥

توی پروژه هاتون ازشون استفاده و طرح های خفن بزنید بفرستید اینجا ببینیم😉

🔗 https://reactbits.dev/

ری اکشن و اشتراک گذاری فراموش نشه🧡

#animation #components #react
☕️Telegram | Website | Discord

برگه تقلب کاربردی و جمع و جور هوک های React 🔮

#react #cheatsheet
☕️Telegram | Website | Discord | <Dani>

اگر میخواین لودینگ های مدرن به پروژه هاتون اضافه کنید. این ابزار بهتون کمک میکنه اسکلتون لودینگ بسازید.

با این ابزار میتونید برای کامپوننت‌های محبوب، اسکلت‌های انیمیشنی بسازید تا به‌جای لودینگ‌های معمولی، تجربه بهتری به کاربر نشون بدید و ظاهر پروژتون هم مرتب‌ تر و حرفه‌ای‌ تر به نظر برسه.

ابزاری ساده و سریع که کلی طرح آماده هم داره و از React, React Native, Vue و HTML پیشتیبانی میکنه.

🔗 https://skeletonreact.com

#skeleton #loading #react
☕️Telegram | Website | Discord