Build with React components in Webflow

Advanced UI like ROI calculators, interactive charts, and multi-step forms can significantly enhance site functionality and user engagement. But today, creating these components visually ranges from impractical to impossible.

‍

That’s why we’re launching code components. You can now use DevLink to import React components from an external codebase and use them directly on the Webflow canvas, with all the power of native Library components.

‍

This makes it possible to:

• Build code components with your preferred developer tools, from traditional IDEs to vibe-coding environments, and import them into Webflow via CLI with DevLink.
• Use code components directly on the canvas and configure each instance with props, slots, and variants.
• Connect code components to your CMS, localize content, and A/B test or personalize with Optimization.
• Push, review, and publish updates via continuous integration (CI) and Libraries’ change management workflows.

‍

Code components dramatically raise the ceiling for what’s possible in Webflow, while empowering every member of your team to do their best work with their preferred tools. 

‍

Code components have started rolling out to CMS and Business Site plans, as well as paid Workspace plans. To learn more, check out our Developer docs.

But that’s not all – later this year, we’ll be expanding our support for React and code components with the GA launch of component export, and AI generated code components that can be created right in Webflow.