This directory contains individual npm libraries and integration extension packages maintained inside the Reicon monorepo.
| Package | Framework / Runtime | Output | Build Script Command |
|---|---|---|---|
reicon |
Vanilla JS & CDN Web Component | dist/ |
npm run build:js |
reicon-react |
React / JSX Component Wrapper | dist/ |
npm run build:react |
reicon-react-native |
React Native Component Wrapper | dist/ |
npm run build:react-native |
reicon-vue |
Vue 3 Component Wrapper | dist/ |
npm run build:vue |
reicon-svelte |
Svelte Component Wrapper | dist/ |
npm run build:svelte |
reicon-figma |
Figma Plugin Web UI | Reicon/ui.html |
npm run build:figma |
reicon-vscode |
VS Code Intellisense Extension | dist/ui.html |
npm run build:vscode |
reicon-mcp |
MCP Server & CLI for Agents | dist/ |
npm run build:mcp |
Downstream packages are generated programmatically using Node.js scripts.
- The build scripts take
data/icon-data.jsonas input. - They parse raw SVGs, strip header boilerplate, normalize colors (
fill="white"→fill="currentColor"), and wrap them in template wrappers specific to each framework. - They output direct ES module definitions, types declarations (
.d.ts), and bundle index wrappers.
To build or refresh all packages at once, run this command from the root directory:
npm run build:packages