Aniket-508/heroicons-animated

🎨 heroicons-animated: Bộ icon Heroicons với hiệu ứn động mượt

Heroicons được nâng cấp thành phiên bản động với hiệu ứng hoạt hình, hỗ trợ đa framework.

heroicons-animated là phiên bản được tạo hoạt họa từ Heroicons — bộ icon SVG miễn phí của Tailwind. Dự án hỗ trợ 9 framework: React, Vue, Svelte, Solid, Angular, React Native, Preact, Astro và Flutter. Mỗi icon đều có animation mượt mà, dễ dùng chỉ với một dòng import.

✨ Điểm nổi bật

• Đa framework hỗ trợ: 9 package riêng biệt cho React, Vue, Svelte, Solid, Angular, React Native, Preact, Astro, Flutter
• Hoạt họa mượt: Dựa trên Motion (Framer Motion, motion-v, solid-motionone)
• Cài đặt đơn giản: Chỉ cần thêm package và import icon
• Tùy biến linh hoạt: Hỗ trợ tham số size, color, strokeWidth
• Flutter hỗ trợ: Dùng HeroiconAnimatedIcon với trigger onTap
• Nguồn mở MIT: Tự do sử dụng và đóng góp
• Inspiration: Lấy cảm hứng từ lucide-animated

💡 Vì sao đáng chú ý

Không cần thiết lập phứ tạp cho animation. Import icon như bình thường, animation tự động chạy. Phù hợp cho dự án cần UI sống động mà không muốn viết code animation thủ công.

Dự án miễn phí, nguồn mở MIT. Được tài trợ bởi Vercel OSS Program.

#Heroicons #AnimatedIcons #OpenSource #TiniX