Integrating with Framer

The easiest way to integrate with Framer is to use the Needle Engine Framer Plugin.

Add a 3D embed to your Framer project

  1. Deploy your project to Needle Cloud (or use a different hosting provider)

  2. In Framer click on the menu item Insert/Plugins/Browse All to find the Needle Engine Framer plugin

  3. Search for Needle Engine and add the plugin to your project

  4. In the Needle Engine panel click on Add Needle Engine and add the URL of your deployed project.

  5. Select the added element and in the 3D Model URL field add the URL of your deployed project.

  6. You can now adjust the size and position of your Needle Engine project in Framer.

There are more integration options

See Embedding a Needle project into an existing website for more options and details.

Last updated