سایت StringTune یه مجموعه از کامپوننت های آماده برای ساخت تجربه‌های تعاملی و انیمیشن‌های مدرنه که کمک می‌کنه سایتتون خیلی روان‌تر و جذاب‌تر به نظر برسه. ✨

نکته جالبش اینه که رویکردش بیشتر CSS-محوره و تا جای ممکن بدون JavaScript اضافی کار می‌کنه. 🔥

🔗 https://string-tune.fiddle.digital/skill-hub

💎 @Htmlcss_channels  | #HTML #css #JavaScript

با یه دستور، تمام کامپوننت‌های سایتت رو میتونی انیمیشنی کنی

نسخه Animate UI 2.0 رسماً منتشر شد؛ یه کتابخونه متن‌باز که می‌تونه طراحی سایت‌های React رو چند سطح حرفه‌ای‌تر کنه!

قابلیت‌های جدید:

انیمیشن آماده برای دکمه‌ها، منوها، دیالوگ‌ها و کامپوننت‌های UI
تبدیل کامپوننت‌های shadcn/ui به نسخه انیمیشنی با یک دستور
پشتیبانی از Radix UI، Base UI و React Aria
دارای AI Skill برای Claude Code، Cursor و Codex
امکان ساخت و بررسی انیمیشن‌ها با یه دستور متنی :

animate-ui.com


💎 @Htmlcss_channels  | #HTML #css #JavaScript

سایت SmoothUI مجموعه‌ای از کامپوننت‌های انیمیشنی برای React و Tailwind داره که می‌تونید باهاشون بدون دردسر زیاد، جلوه‌های جذابی به رابط کاربریتون اضافه کنید.

نمونه‌هاش رو ببینید؛ بعضی‌هاشون می‌تونن دقیقاً همون چیزی باشن که برای پروژه‌تون کم داشتید.

🔗 https://smoothui.dev/


💎 @Htmlcss_channels  | #HTML #css #JavaScript

👈 این ۱۵ سایت رو بشناس، سطح طراحی‌هات چند پله بالاتر می‌ره!

از طراحی سایت‌های مدرن و انیمیشن‌های خفن گرفته تا کامپوننت‌های آماده و ایده‌های UI/UX؛ این منابع می‌تونن ساعت‌ها توی وقتت صرفه‌جویی کنن!

🎨 ۱۵ منبع جذاب برای طراح‌ها و برنامه‌نویس‌ها:

https://modulify.ai/templates — قالب‌های آماده سایت
https://motionin.design — انیمیشن و موشن‌دیزاین
https://landdding.com — تکنیک‌های طراحی بصری
https://wonderlist.design — طرح‌های حرفه‌ای Figma
https://iconly.design — مجموعه آیکن‌های کاربردی
https://scrolltide.co — ایده‌های انیمیشن اسکرول
https://land-book.com — الهام طراحی سایت
https://godly.website — نمونه سایت‌های خلاقانه
https://supahero.io — ایده طراحی لندینگ‌پیج
https://footer.design — طراحی فوترهای جذاب
https://60fps.design — انیمیشن رابط کاربری موبایل
https://cta.gallery — ایده‌های دکمه و CTA
https://grainient.supply — گرادینت‌های متحرک
https://backgrounds.supply — پس‌زمینه‌های آماده
https://on.design — ابزار و فضای طراحی



💎 @Htmlcss_channels  | #HTML #css #JavaScript

این ابزار open source برای طراحی سایت، خروجی‌های تکراری AI رو کمتر می‌کنه؛ از فونت و رنگ تا چیدمان.
https://github.com/pbakaus/impeccable



💎 @Htmlcss_channels  | #HTML #css #JavaScript