webflow-code-components

Build, define, and import React code components into Webflow using DevLink. Code components let you develop advanced, interactive React components in your codebase and deploy them to Webflow as shared libraries for visual composition on the canvas.

Prerequisite: Webflow Workspace on Freelancer, Core, Growth, Agency, or Enterprise plan (or a site on CMS, Business, or Enterprise). Node.js 20+ and npm 10+.

Each reference file includes YAML frontmatter with name, description, and tags for searchability. Use the search script in scripts/searchreferences.py to find relevant references.

通过 DevLink 构建、定义 React 代码组件并将其导入到 Webflow 中。在创建 Webflow 代码组件、配置 declareComponent 定义、使用 prop 类型、Shadow DOM 中的样式、与 Webpack 捆绑或对 DevLink 导入进行故障排除时使用。 来源：224-industries/webflow-skills。