🧩 Open-Source React Icon Picker – Built with ShadCN, TailwindCSS, and Ready for Next.js

Looking for a flexible, modern icon picker for your React or Next.js project? This open-source React Icon Picker by @modall is a lightweight, customizable solution built with ShadCN UI and TailwindCSS—perfect for modern UIs and design systems.

⚙️ What It Includes

• useIconPicker() Hook – Collects and filters icon data with optional search

• <IconRenderer /> Component – Renders any icon by name and passes props directly

• Built-in Search – Easily toggleable depending on your use case

• Customizable UI – Use your own styles or extend with ShadCN components

• Zero Lock-In – Works with any icon library

🧠 Use Cases

• CMS icon selection

• Admin dashboards

• Design systems

• Theme builders

• UI component libraries

🚀 Try It Live

👉 modall.ca/lab/shadcn-icon-picker-component

🤝 How to Support

• Use it in your project

• Link back to the original post or showcase

• Share feedback or contribute to the repo

✅ Final Thoughts

This icon picker is a great example of developer-first tooling—simple to integrate, easy to customize, and built with modern best practices. Whether you're building a full design system or just need a quick icon selector, this tool is worth bookmarking.

🔥 Will you be adding this to your component library? Let’s connect and share ideas! 🚀