How dqev/reicon works
Reicon combines an icon-discovery website with framework-specific icon packages and MCP tooling. A visitor browses or searches icons, opens a detail view to preview styles and copy or download assets, and can consult package guidance or install an integration. The README documents adapters beyond the sampled source; their internal wiring is therefore summarized at package level. MCP components are represented from the tree, with no speculative internal call chain.
Main entry points: App.tsx App router · icon Icon detail · index.ts MCP server · tools MCP tools
Components 24
Website experience
- App router
apps/web/src/App.tsx - Home playground
apps/web/src/pages/home - Icon catalog
apps/web/src/pages/icons - Search hook
apps/web/src/hooks/useIconSearch.ts - Search data
apps/web/src/data/search-data.ts - Icon detail
apps/web/src/pages/icon - Icon data loader
apps/web/src/lib/icon-data.ts - Runtime loader
apps/web/src/lib/reicon-loader.ts - Duotone data
apps/web/src/hooks/useDuotoneData.ts - Raster export
apps/web/src/lib/download-raster.ts - Docs pages
apps/web/src/pages - Package directory
apps/web/src/pages/packages
Icon runtimes
- React package
packages/reicon-react/src/createIcon.js - JavaScript package
packages/reicon/src/createIcon.js - React Native package
packages/reicon-react-native/src/createIcon.js - Framework packages
packages
MCP tooling
- MCP server
packages/reicon-mcp/src/server/index.ts - MCP tools
packages/reicon-mcp/src/server/tools - MCP search
packages/reicon-mcp/src/core/search.ts - MCP index
packages/reicon-mcp/src/core/load-index.ts
Design integrations
- Figma plugin
packages/reicon-figma/Reicon/code.ts - VS Code extension
packages/reicon-vscode/extension.js
Other components
- Visitor
- MCP client
Connections 15
- Visitor → App router: opens
- App router → Home playground: routes
- App router → Icon catalog: routes
- App router → Icon detail: routes
- App router → Docs pages: routes
- App router → Package directory: routes
- Search hook → Search data: queries
- Icon detail → Icon data loader: loads data
- Icon detail → Runtime loader: waits for
- Icon detail → Raster export: exports raster
- Icon detail → Duotone data: reads styles
- MCP client → MCP server: connects
- MCP server → MCP tools: dispatches
- MCP tools → MCP search: searches
- MCP search → MCP index: loads index