وب‌سرویس مجید

پروژه heroicons.dev

zaydek/heroicons.dev

این یک مرورگر وب برای Heroicons نسخهٔ ۱ و ۲ است که به تو اجازه می‌دهد به راحتی آیکون‌های موجود در کتابخانهٔ معروف Heroicons رو ببینی، جستجو کنی و کد مربوط به هر آیکون رو کپی کنی.

کاربرد:

این ابزار برای توسعه‌دهندگان و طراحانی مفیده که از Heroicons در پروژه‌های خود استفاده می‌کنن و می‌خوان به سرعت آیکون مناسب رو پیدا کنن و کد SVG یا JSX اون رو دریافت کنن.

در چه شرایطی بهتره استفاده شود؟

وقتی داری روی یک پروژهٔ فرانت‌اند کار می‌کنی و به دنبال آیکون‌های ساده، تمیز و سازگار با Tailwind CSS هستی، این ابزار می‌تونه خیلی کمک‌کننده باشه. همچنین وقتی می‌خوای بین نسخه‌های V1 و V2 آیکون‌ها مقایسه کنی، این مرورگر امکان دسترسی آسان به هر دو نسخه رو فراهم می‌کنه. ️

چند مثال از موارد استفاده:

- پیدا کردن آیکون Search برای نوار جستجوی یک اپلیکیشن

- کپی کردن کد SVG یک آیکون برای استفاده در یک وب‌سایت بدون نیاز به ایمپورت کتابخانه

- مقایسهٔ استایل آیکون‌ها در نسخهٔ ۱ و ۲ برای تصمیم‌گیری در طراحی رابط کاربری

  • ##UI
  • ##Web
  • ##SVG
  • ##TailwindCSS
  • ##React
  • ##Frontend
  • ##Icons
  • ##DeveloperTools
  • ##Heroicons
  • ##Design