zaydek/heroicons.dev
این یک مرورگر وب برای Heroicons نسخهٔ ۱ و ۲ است که به تو اجازه میدهد به راحتی آیکونهای موجود در کتابخانهٔ معروف Heroicons رو ببینی، جستجو کنی و کد مربوط به هر آیکون رو کپی کنی.
کاربرد:
این ابزار برای توسعهدهندگان و طراحانی مفیده که از Heroicons در پروژههای خود استفاده میکنن و میخوان به سرعت آیکون مناسب رو پیدا کنن و کد SVG یا JSX اون رو دریافت کنن.
در چه شرایطی بهتره استفاده شود؟
وقتی داری روی یک پروژهٔ فرانتاند کار میکنی و به دنبال آیکونهای ساده، تمیز و سازگار با Tailwind CSS هستی، این ابزار میتونه خیلی کمککننده باشه. همچنین وقتی میخوای بین نسخههای V1 و V2 آیکونها مقایسه کنی، این مرورگر امکان دسترسی آسان به هر دو نسخه رو فراهم میکنه. ️
چند مثال از موارد استفاده:
- پیدا کردن آیکون Search برای نوار جستجوی یک اپلیکیشن
- کپی کردن کد SVG یک آیکون برای استفاده در یک وبسایت بدون نیاز به ایمپورت کتابخانه
- مقایسهٔ استایل آیکونها در نسخهٔ ۱ و ۲ برای تصمیمگیری در طراحی رابط کاربری
- ##UI
- ##Web
- ##SVG
- ##TailwindCSS
- ##React
- ##Frontend
- ##Icons
- ##DeveloperTools
- ##Heroicons
- ##Design
