# Integrating with Framer

The easiest way to integrate with [Framer](https://framer.com) is to use the [Needle Engine Framer Plugin](https://www.framer.com/marketplace/plugins/needle-engine/).

## 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

   ![](https://github.com/needle-tools/needle-engine-support/blob/main/imgs/framer-plugin-01.jpg)
3. Search for `Needle Engine` and add the plugin to your project

   ![](https://github.com/needle-tools/needle-engine-support/blob/main/imgs/framer-plugin-02.jpg)
4. In the Needle Engine panel click on `Add Needle Engine` and add the URL of your deployed project.

   ![](https://github.com/needle-tools/needle-engine-support/blob/main/imgs/framer-plugin-03.jpg)
5. Select the added element and in the `3D Model URL` field add the URL of your deployed project.

   ![](https://github.com/needle-tools/needle-engine-support/blob/main/imgs/framer-plugin-04.jpg)
6. You can now adjust the size and position of your Needle Engine project in Framer.

   ![](https://github.com/needle-tools/needle-engine-support/blob/main/imgs/framer-plugin-05.jpg)

## There are more integration options

See [Embedding a Needle project into an existing website](https://needle.gitbook.io/needle-engine/embedding#integrations) for more options and details.
