# SDK
You don't need to implement our API to add a great editor feature to your application.
For a quick solution, try using our editor iFrame.
You can easily embed it with just a few lines of JavaScript code.\
\
You can choose between our classic editor, or AI powered MockAnything editor.
Classic Embed Editor
MockAnything Embed Editor
## How to embed?
### CDN use:
Embed the iFrame in your app at the location where you want to display the editor:
```html
```
To power the embedded editor, you'll need to include the necessary JavaScript code from the following CDN:
```javascript
// you must add this script before using initDynamicMockupsIframe function in next step
```
Lastly, use the initDynamicMockupsIframe function from the SDK with the following script:
```javascript
```
### JavaScript framework:
Embed the iFrame in your app at the location where you want to display the editor.:
```html
```
Install package via npm registry:
npm install @dynamic-mockups/mockup-editor-sdk@latest
or
yarn add @dynamic-mockups/mockup-editor-sdk@latest
Include package in your project and init iFrame:
```javascript
import { initDynamicMockupsIframe } from "@dynamic-mockups/mockup-editor-sdk";
initDynamicMockupsIframe({
iframeId: "dm-iframe",
data: { "x-website-key": "Generate for free via our APP" },
mode: "download",
});
```
You'll notice the `x-website-key` field, [you can generate it for free via our APP](https://app.dynamicmockups.com/mockup-editor-embed-integrations).
Our Mockup Editor SDK lets you configure the iFrame and control its behavior within your application by providing data to the initDynamicMockupsIframe function. For complete configuration details, visit the [Editor Configuration](https://docs.dynamicmockups.com/mockup-editor-sdk/classic-editor-configuration) page.
Embed Editor
### Open a specific mockup in the Mockup Editor
By default, when you embed the mockup editor, the whole catalog will show up. \
You can also open a specific mockup directly.
Open a specific mockup in the Mockup Editor
To achieve that, modify the `src` attribute to open a specific mockup by providing the `mockup uuid`.
```html
```
You can access the `mockup uuid` from the [Get Mockups API](https://docs.dynamicmockups.com/api-reference/get-mockups-api) or in the URL of our web application editor.
