ابزارهای طراحی و UI
تولید گرادیان، سایه، گوشه گرد، Transform، انیمیشن و چیدمان CSS و پیش‌نمایش تایپوگرافی؛ سریع، رایگان و بدون نصب.
همه ابزارهای طراحی و UI
تولید انیمیشن
ساخت انیمیشن‌های کلیدی CSS با کد @keyframes آماده.
تولید گوشه گرد
ساخت گوشه‌های گرد CSS با تنظیم جداگانه هر چهار گوشه.
تولید سایه CSS
ساخت سایه‌های box-shadow با تنظیمات پیشرفته و پیش‌نمایش زنده.
شبیه‌ساز کوررنگی
ببینید افراد دارای انواع کوررنگی رنگ‌های شما را چگونه می‌بینند.
ساخت پالت رنگی
از یک رنگ پایه، پالت ۵ رنگی هماهنگ با قواعد رنگ‌شناسی بسازید.
انتخاب رنگ
رنگ را انتخاب کنید و کد HEX، RGB، HSL و طیف روشن تا تیره آن را ببینید.
مولد clamp در CSS
مقدار ریسپانسیو clamp بین دو اندازه و دو عرض صفحه بسازید.
سایه متن CSS
کد text-shadow دلخواه خود را با پیش‌نمایش زنده بسازید.
تولید Transform
ترکیب چرخش، انتقال، مقیاس و کج کردن با پیش‌نمایش زنده.
تولید گرادیان
ساخت گرادیان‌های رنگی زیبا با کد CSS آماده برای کپی.
تولید چیدمان CSS
ساخت چیدمان‌های Grid و Flexbox با پیش‌نمایش زنده.
تولید رنگ تصادفی
رنگ‌های تصادفی خوش‌رنگ در فرمت HEX، RGB یا HSL بسازید.
ابزار تایپوگرافی
تنظیم و پیش‌نمایش زنده فونت‌ها با کد CSS آماده.
درباره ابزارهای طراحی و UI
جعبه‌ابزار طراحان و رابط کاربری نوبیت وب شامل تولید گرادیان رنگی، سایه‌های CSS، گوشه‌های گرد، تبدیل‌های Transform، چیدمان Grid و Flexbox، انیمیشن‌های کلیدی و ابزار تایپوگرافی است. کد آماده CSS هر تنظیم را با یک کلیک کپی کنید و مستقیم در پروژه خود استفاده کنید.