This media is not supported in your browser
VIEW IN TELEGRAM
قسمت سوم : اگر موقع طراحی با ai داری یه منو کشویی مینویسی بهترین کار برای انیمیت کردنش اینه که بگی دکمه یا منو رو برات Spring-like overshoot animation طراحی کنی
یا
Soft overshoot easing
برای دسترسی به صفحه ای با ۲۰۰ پرامپت به لینک زیر سر بزن :
codecloude.ir/cc_ui_lab/
Codecloude.ir | کــــــد کلاد 🍃🧡
یا
Soft overshoot easing
برای دسترسی به صفحه ای با ۲۰۰ پرامپت به لینک زیر سر بزن :
codecloude.ir/cc_ui_lab/
Codecloude.ir | کــــــد کلاد 🍃🧡
❤5👌1
This media is not supported in your browser
VIEW IN TELEGRAM
منوی رستوران فقط یه کارت ثابت نیست؛ هر آیتم از داخل همون کارت زنده میشه و به شکل سه‌بعدی و سینمایی میاد بیرون.
از:
🍳 صبحانه
🥩 گوشت گریل‌شده
🍟 سیب‌زمینی
🐟 سالمون
🥝 نوشیدنی
🥐 کروسان
همه‌چی با نور گرم، Depth of Field، حرکت نرم دوربین و استایل تبلیغات غذایی لوکس ساخته شده.
نکته جذابش اینه که می‌تونی همین ساختار رو برای منوی رستوران، کافه، فست‌فود یا حتی معرفی محصولات فروشگاهی استفاده کنی.
📄 فایل Word پرامپت کامل انگلیسی رو هم براتون گذاشتیم که راحت بردارید و شخصی‌سازیش کنید
Codecloude.ir | کــــــد کلاد 🍃🧡
Please open Telegram to view this post
VIEW IN TELEGRAM
❤7🔥3
Media is too big
VIEW IN TELEGRAM
👍5👌2❤1🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
یه کتابخونه پرامپت برای ساخت UIهای Top-level با AI
اسمش SceneAI ، پرامپت‌های آماده برای:
Landing Page، Hero Section، Background، Gradient و کلی UI دیگه داره.
طرح رو می‌بینی، پرامپتش رو برمی‌داری و می‌تونی تو ChatGPT، Claude و ابزارهای AI Coding استفاده کنی. خود سایت الان بیش از ۱۵۰ طرح/سکشن و مجموعه‌ای از بک‌گراندهای آماده داره.
https://sceneai.art
برای وقتی که نمی‌خوای هر بار طراحی UI رو از صفر توضیح بدی، خیلی به‌دردبخوره
⚠️ البته همه ی پرامپت هاش رایگان نیست
Codecloude.ir | کــــــد کلاد 🍃🧡
اسمش SceneAI ، پرامپت‌های آماده برای:
Landing Page، Hero Section، Background، Gradient و کلی UI دیگه داره.
طرح رو می‌بینی، پرامپتش رو برمی‌داری و می‌تونی تو ChatGPT، Claude و ابزارهای AI Coding استفاده کنی. خود سایت الان بیش از ۱۵۰ طرح/سکشن و مجموعه‌ای از بک‌گراندهای آماده داره.
https://sceneai.art
برای وقتی که نمی‌خوای هر بار طراحی UI رو از صفر توضیح بدی، خیلی به‌دردبخوره
Codecloude.ir | کــــــد کلاد 🍃🧡
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7👍2❤1👌1
Media is too big
VIEW IN TELEGRAM
ویدیوی واضح از دو مدل جدید که واقعا توی لیگ دیگه ای دارن بازی میکنن
Laya روی خود Mac به‌صورت Local اجرا میشه، Jev از طریق API؛ هر دو هم واقعاً دایناسور خودشون رو کنترل میکنن، برای پریدن، جاخالی دادن و زنده موندن خودشون تصمیم می‌گیرن.
مسیر و فیزیک بازی یکیه؛ چیزی که تفاوت اصلی رو ایجاد می‌کنه Latency تصمیم‌گیری هر مدله.
جالب‌تر اینکه طبق توضیح سازنده، Jev موانع مسیر رو هم کنترل می‌کنه
Codecloude.ir | کــــــد کلاد 🍃🧡
Laya روی خود Mac به‌صورت Local اجرا میشه، Jev از طریق API؛ هر دو هم واقعاً دایناسور خودشون رو کنترل میکنن، برای پریدن، جاخالی دادن و زنده موندن خودشون تصمیم می‌گیرن.
مسیر و فیزیک بازی یکیه؛ چیزی که تفاوت اصلی رو ایجاد می‌کنه Latency تصمیم‌گیری هر مدله.
جالب‌تر اینکه طبق توضیح سازنده، Jev موانع مسیر رو هم کنترل می‌کنه
Codecloude.ir | کــــــد کلاد 🍃🧡
🔥6❤3👌1
Code.Cloud | کـــد کلاد
ویدیوی واضح از دو مدل جدید که واقعا توی لیگ دیگه ای دارن بازی میکنن Laya روی خود Mac به‌صورت Local اجرا میشه، Jev از طریق API؛ هر دو هم واقعاً دایناسور خودشون رو کنترل میکنن، برای پریدن، جاخالی دادن و زنده موندن خودشون تصمیم می‌گیرن. مسیر و فیزیک بازی…
GitHub:
https://github.com/NandhaKishorM/laya
دموی لوکال و Playground:
https://github.com/wdobry/laya-playground
https://github.com/NandhaKishorM/laya
دموی لوکال و Playground:
https://github.com/wdobry/laya-playground
GitHub
GitHub - NandhaKishorM/laya: Non-autoregressive System 1 decision engine. Typed choice, score and yes/no decisions over any text…
Non-autoregressive System 1 decision engine. Typed choice, score and yes/no decisions over any text in a single forward pass, in 100+ languages, with a router that picks the right checkpoint per re...
❤6⚡2
This media is not supported in your browser
VIEW IN TELEGRAM
این جزئیات کوچیکن که UI رو حرفه‌ای نشون میدن
مثلاً اینجا به‌جای اینکه عدد بازدید یکهو عوض بشه، رقم‌ها موقع تغییر عمودی رول می‌شن؛ همون افکت digit roll.
برای:
شمارنده‌ها
آمار بازدید
قیمت
KPI
داشبوردها
خیلی تمیز جواب میده، چون بدون شلوغ‌کاری حس Motion واقعی به UI میده.
پرامپتش هم ساده‌ست:
این مدل Micro Interactionها دقیقاً همون چیزیه که طراحی معمولی رو از طراحی فکرشده جدا می‌کنه.
صفحه ای با بیش از 200 کامپوننت بدرد بخور :
https://codecloude.ir/cc_ui_lab/
Codecloude.ir | کــــــد کلاد 🍃🧡
مثلاً اینجا به‌جای اینکه عدد بازدید یکهو عوض بشه، رقم‌ها موقع تغییر عمودی رول می‌شن؛ همون افکت digit roll.
برای:
شمارنده‌ها
آمار بازدید
قیمت
KPI
داشبوردها
خیلی تمیز جواب میده، چون بدون شلوغ‌کاری حس Motion واقعی به UI میده.
پرامپتش هم ساده‌ست:
Roll digits vertically when a number changes instead of swapping the text.این مدل Micro Interactionها دقیقاً همون چیزیه که طراحی معمولی رو از طراحی فکرشده جدا می‌کنه.
صفحه ای با بیش از 200 کامپوننت بدرد بخور :
https://codecloude.ir/cc_ui_lab/
Codecloude.ir | کــــــد کلاد 🍃🧡
👍9👌1
Media is too big
VIEW IN TELEGRAM
نرم افزار های After Effect و Premiere رو برای AI Agentها از نو ساختن
یه Creative Suite از Mirage که به Agentهایی مثل GPT-6 Astra و Sol دسترسی مستقیم به موتور ویدیو میده.
این بابا میتونه
فوتیج، موشن و صدا رو ادیت کنه،
تغییرات دقیق بده،
و مستقیم Revision و Render بگیره.
ایده‌ش اینه که دیگه Agent مجبور نباشه مثل آدم توی منوها و پنل‌های نرم‌افزار کلیک کنه و مستقیم با موتور ادیت ور بره 😁✋🏻.
خود ویدیوی معرفی‌ش هم با Tesseract ساخته شده.
https://mirage.app/
Codecloude.ir | کــــــد کلاد 🍃🧡
یه Creative Suite از Mirage که به Agentهایی مثل GPT-6 Astra و Sol دسترسی مستقیم به موتور ویدیو میده.
این بابا میتونه
فوتیج، موشن و صدا رو ادیت کنه،
تغییرات دقیق بده،
و مستقیم Revision و Render بگیره.
ایده‌ش اینه که دیگه Agent مجبور نباشه مثل آدم توی منوها و پنل‌های نرم‌افزار کلیک کنه و مستقیم با موتور ادیت ور بره 😁✋🏻.
خود ویدیوی معرفی‌ش هم با Tesseract ساخته شده.
https://mirage.app/
Codecloude.ir | کــــــد کلاد 🍃🧡
🔥6❤2👍2👌1
This media is not supported in your browser
VIEW IN TELEGRAM
contextual
پرامپت :
Animate the accordion to the content real scrollHeight rather than an arbitrary max-height, and keep aria-expanded in sync
Codecloude.ir | کــــــد کلاد 🍃🧡
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5🔥1👏1
Media is too big
VIEW IN TELEGRAM
این تست‌ها دارن یه چیز مهم رو نشون میدن, که الان داستان بعد از کد نویسی و ادیت ویدیو داره میره سمت موشن کارا
Codecloude.ir | کــــــد کلاد 🍃🧡
Please open Telegram to view this post
VIEW IN TELEGRAM
👌6❤1
This media is not supported in your browser
VIEW IN TELEGRAM
یه Skill جدید ساخته شده به اسم 3dicon که از یک Prompt ساده، آیکن‌های سه‌بعدی Animated می‌سازه.
از 🔥 و ⚡️ گرفته تا 🔑، 🚀، 🔔 و کلی آیکن دیگه.
برای UI، اپ، لندینگ‌پیج، داشبورد و حتی ویدیوهای معرفی محصول خیلی کاربردیه.
GitHub:
https://github.com/samyost1/3dicon
Codecloude.ir | کــــــد کلاد 🍃🧡
از 🔥 و ⚡️ گرفته تا 🔑، 🚀، 🔔 و کلی آیکن دیگه.
برای UI، اپ، لندینگ‌پیج، داشبورد و حتی ویدیوهای معرفی محصول خیلی کاربردیه.
GitHub:
https://github.com/samyost1/3dicon
Codecloude.ir | کــــــد کلاد 🍃🧡
🔥7👍2
This media is not supported in your browser
VIEW IN TELEGRAM
این ابزار افزایش کیفیت عکس تو یه لیگ دیگه است
تا ۱۵ تا عکس فعلا رایگان کیفیت رو میبره بالا و از لینک زیر میتونید استفاده کنید
https://www.filmera.ai/templates/3051e82b-a722-41b2-b3de-b03ac92d06ec?ref=e3632sww
Codecloude.ir | کــــــد کلاد 🍃🧡
تا ۱۵ تا عکس فعلا رایگان کیفیت رو میبره بالا و از لینک زیر میتونید استفاده کنید
https://www.filmera.ai/templates/3051e82b-a722-41b2-b3de-b03ac92d06ec?ref=e3632sww
Codecloude.ir | کــــــد کلاد 🍃🧡
🔥6👌1
Code.Cloud | کـــد کلاد
Video
پکیج expo-backdrop الان ProgressiveBlurView داره؛ یعنی Blur از یک لبه با شدت شروع میشه و کم‌کم Fade میشه، شبیه افکت‌های جدید iOS.
برای هدر، Tab Bar، Floating Action Bar و مخصوصاً Scroll Edge خیلی کاربردیه.
روی iOS و Android کار می‌کنه و می‌تونی Edge، Intensity، Tint و حتی رفتار حین Scroll رو تنظیم کنی.
GitHub:
https://
github.com/rit3zh/expo-ba
ckdrop
برای UIهایی که می‌خوان حس Native و شیشه‌ای داشته باشن، خیلی گزینه خوبی
Codecloude.ir | کــــــد کلاد 🍃🧡
روی سایت خودمون هم اجرا شده 🧡😘
Please open Telegram to view this post
VIEW IN TELEGRAM
GitHub
GitHub - rit3zh/expo-backdrop: ❄️ Native blur views for React Native + Expo.
❄️ Native blur views for React Native + Expo. Contribute to rit3zh/expo-backdrop development by creating an account on GitHub.
❤7🔥1👌1
این نمونه یک کارت مدرن برای اپلیکیشن املاک هست؛ ترکیبی از:
🏠 نمایش حرفه‌ای محصول
🎨 طراحی مینیمال و لوکس
📱 تجربه کاربری شبیه اپ‌های نسل جدید
⚡ ساختار کامپوننتی برای توسعه سریع‌تر
با ابزارهایی مثل Figma AI میشه ایده‌های اولیه رو سریع‌تر به یک Design System واقعی تبدیل کرد
Codecloude.ir | کــــــد کلاد 🍃🧡
🏠 نمایش حرفه‌ای محصول
🎨 طراحی مینیمال و لوکس
📱 تجربه کاربری شبیه اپ‌های نسل جدید
⚡ ساختار کامپوننتی برای توسعه سریع‌تر
با ابزارهایی مثل Figma AI میشه ایده‌های اولیه رو سریع‌تر به یک Design System واقعی تبدیل کرد
Codecloude.ir | کــــــد کلاد 🍃🧡
🔥7👍1
Media is too big
VIEW IN TELEGRAM
یه روز دیگه با یه منبع فوق العاده دیگه 🫡
این سایت فوق العاده است :
انیمیشن‌های رابط کاربری
تعاملات (Interactions)
Motion Design
ترنزیشن‌ها
ایده‌های Micro Interaction
هر روز نمونه‌های جدید بهش اضافه میشه و بیشتر شبیه یک Moodboard زنده برای Motion Designerها عمل می‌کنه.
برای طراح‌هایی که با Figma، Framer یا Web Design کار میکنن خیلی کاربردیه.
لینک:
https://inspora.design
Codecloude.ir | کــــــد کلاد 🍃🧡
این سایت فوق العاده است :
انیمیشن‌های رابط کاربری
تعاملات (Interactions)
Motion Design
ترنزیشن‌ها
ایده‌های Micro Interaction
هر روز نمونه‌های جدید بهش اضافه میشه و بیشتر شبیه یک Moodboard زنده برای Motion Designerها عمل می‌کنه.
برای طراح‌هایی که با Figma، Framer یا Web Design کار میکنن خیلی کاربردیه.
لینک:
https://inspora.design
Codecloude.ir | کــــــد کلاد 🍃🧡
🔥7❤1👌1
This media is not supported in your browser
VIEW IN TELEGRAM
ابزار MobileRun اجازه میده آیفون واقعی خودت رو به سیستم وصل کنی و Workflowهای اتوماتیک روی اپ‌های موبایل اجرا کنی؛ یعنی Automation فقط محدود به مرورگر و API نیست و میتونه مستقیماً با اپ‌های iOS کار کنه.
برای تست و راه‌اندازی:
https://docs.mobilerun.ai
Codecloude.ir | کــــــد کلاد 🍃🧡
برای تست و راه‌اندازی:
https://docs.mobilerun.ai
Codecloude.ir | کــــــد کلاد 🍃🧡
❤6