DEV Community

Mohammed Abdullah Khan
Mohammed Abdullah Khan

Posted on

Introducing Smart Icons Kit

✨ Ever wondered how apps like Splitwise instantly show icons as you type — typing “home” gives you 🏠 or “pizza” brings up 🍕?
Introducing Smart Icons Kit — a next-gen dynamic icon system for React Web and React Native.
Instead of searching through endless icon lists, Smart Icons Kit makes icons intelligent, searchable, and adaptive.

💡 What makes it dynamic?
🔍 Synonym Matching – Type home, house, or building → same icon
✨ Fuzzy Prefix Matching – Even “hom” finds home
🎯 Sentence Matching – Type “abc restaurant” → gets the food icon
🛡️ Fallback Icons – No dead ends, always a graceful default
📱 Cross-Platform – Works seamlessly on React + React Native/Expo
⚡ High Performance – Optimized lookups with zero overhead

📊 Inside the kit
200+ icons organized into 19+ categories
1000+ curated synonyms for natural discovery
Fully extensible — add your own icons and families with the same intelligence

🎯 Why Smart Icons Kit?
Because developers deserve icons that adapt to you — not the other way around.

📦 Install now: npm install smart-icons-kit

🙏 Icon Credits
Smart Icons Kit is powered by the amazing Lucide Icons project, ensuring high-quality, consistent icons across web and mobile.

🚀 This project is open source and accepting contributions.
If you’re passionate about React, React Native, and building smarter UI components, we’d love your ideas and contributions!

👉 Check it out: https://www.npmjs.com/package/smart-icons-kit

Top comments (0)