Skip to content

Framebase for Framer

Design-first widgets with a native Framer workflow.

Framebase is built for Framer designers who want forms, booking, email capture, and live chat to feel like intentional parts of the site. Design the widget in a dedicated visual canvas, sign into Framebase from the Framer plugin, and insert the finished widget as a native code component without copying embed keys or wrapping the experience in an iframe.

FREE PLAN · NO CARD REQUIRED

FRAMER
Portfolio canvas
NATIVE COMPONENT
FRAMEBASE
Approved widget
NATIVE COMPONENT
  • Plugin sign-in connected to your Framebase account
  • Widgets inserted as native code components
  • Forms, booking, email capture, and live chat
  • Embed and hosted-page options remain available

Direct answer

Does Framebase work natively with Framer?

Yes. Framebase provides a Framer plugin that signs into your Framebase account and inserts your widgets as native code components. The component is generated from the same configuration used by the Framebase preview, giving the Framer canvas and published widget the same designed result.

A workflow designed for the Framer canvas.

Framebase separates deep widget configuration from page composition, then reconnects them through a plugin that keeps insertion simple for the designer.

Sign in once inside the plugin

Connect the plugin to your Framebase account and browse the widgets available to the selected workspace without manually copying an identifier.

Insert a real code component

Choose a widget and add the generated Framebase component to the Framer canvas rather than presenting an iframe as if it were a native layer.

Keep the approved design intact

The generated component uses the same widget configuration as the builder preview, reducing surprises between approval, canvas placement, and publish.

Choose another publishing path when needed

Use the standard embed script on Framer when the implementation calls for it, or share the hosted page before the website is ready.

How to add a Framebase widget to Framer

The plugin handles selection and insertion. The Framebase builder handles detailed widget design, response management, and the configuration shared by every publishing path.

  1. 01

    Build in Framebase

    Create a form, booking page, email signup, or chat widget and match its typography, color, radius, and density to the site.

  2. 02

    Open the plugin

    Launch the Framebase plugin in Framer and sign into the account that owns the widget you want to place.

  3. 03

    Choose the widget

    Select the configured widget from your account and insert it into the current Framer project as a code component.

  4. 04

    Place and publish

    Position the component in the page, check the responsive layout, and publish the Framer site with the widget attached.

Built for Framer work where details matter

Designer portfolios

Add project intake, booking, or newsletter capture without ending a carefully designed portfolio with a visually generic form.

Agency client sites

Create client-specific widgets, insert them through the same plugin workflow, and use Team roles or Site Access to control what each client sees.

Service-business websites

Combine contact, booking, email capture, and live chat on one Framer site while routing every interaction into a single operational inbox.

Questions, answered

What people ask before publishing.

Do I need to paste a Framebase embed key into Framer?

No when you use the Framebase plugin. Sign in, choose a widget from your account, and insert it. The embed-script option is still available if you prefer it.

Is the Framer plugin available on the Free plan?

Yes. All plans include the Framer component and plugin. Free supports one site, three widgets, and 50 interactions per month.

Which Framebase widgets work with Framer?

Contact forms, booking widgets, email signup forms, and live chat can all be published to Framer.

Can I use Framebase before my Framer site is live?

Yes. Every widget can be published as a standalone hosted page, so it can collect responses before the full site is ready.

Explore related Framebase workflows

Build the widget in Framebase. Place it natively in Framer.

The plugin is included on the free plan, with no card required to create the account and publish the first widget.