Searchable, categorized icon picker for the full Lucide icon library. Ships two variants — a compact popover for forms and a full-screen modal browser for exploratory picking — plus a DynamicIcon renderer that works on both the admin and storefront sides of an app.
~1,695 icons indexed from lucide-static, mapped to 17 top-level categories (Commerce, Media, Devices, Weather, etc.) by intersecting each icon's tags against curated keyword lists. Zero hand-mapping, so the index regenerates cleanly when Lucide adds new icons.
Full-text search matches both the icon name and its tags — typing "delivery" surfaces truck, package, box, shipping, etc.
Legacy-name tolerant — reads PascalCase values (FolderOpen, BarChart3) from older pickers without requiring a DB migration.
Stateless, zero shadcn coupling — uses bare @radix-ui/react-popover + @radix-ui/react-dialog, so it drops into any Tailwind + Radix setup.
Install
npm install @arraypress/lucide-icon-picker
Peer dependencies:
react >= 18
lucide-react >= 1.7
@radix-ui/react-popover >= 1 (optional — only for )
@radix-ui/react-dialog >= 1 (optional — only for )
The /react subpath entry is where the picker components live. The main entry point ships only the data index + the DynamicIcon renderer with no Radix dependency — ideal for the storefront side of a split admin/store app.
Usage
Оставьте ваши контакты
✅
Отправлено!