Documentation

Upbuilder React-to-Webflow Framework

React components that export directly to native Webflow elements.

Overview

@upbuilder/react-framework is a React component library that maps directly to Webflow elements. When the AI builds pages, it uses these components to ensure the output is fully compatible with Webflow's structure, classes, and behaviors.

Native Webflow Output

Components render exact HTML structure that Webflow expects, including w-* classes and data attributes.

Client-First Ready

Works seamlessly with Client-First naming conventions. Add your utility classes directly.

Interactive Components

Navbar, dropdowns, tabs, and sliders work in preview and export correctly to Webflow.

Forms & CMS

Form components include validation states. CMS binding works with Webflow's collection system.