> ## Documentation Index
> Fetch the complete documentation index at: https://docs.superblocks.com/llms.txt
> Use this file to discover all available pages before exploring further.
# Embedded app quickstart
export const Alert = ({type, title, children}) => {
const variant = ["info", "success", "warning", "danger", "note"].includes(type) ? type : "note";
return
{title &&
{title}
}
{children}
;
};
Embedding a Superblocks application on a web page is straight-forward and only involves a few steps.
## Step 1. Create an application
Before you start embedding a Superblocks app in your website, you'll need an application to embed. Learn how to build a Superblocks application in [Building with Clark](/building-with-clark).
Once you have an initial version of your app ready, [**commit & deploy**](/development-lifecycle/version-control/superblocks-sdlc) your app.
## Step 2. Install the SDK
Install either Superblocks' [React](https://www.npmjs.com/package/@superblocksteam/embed-react) or [Javascript](https://www.npmjs.com/package/@superblocksteam/embed) SDK into your web application's client-side code.
```bash theme={null}
npm install --save @superblocksteam/embed-react
```
```bash theme={null}
npm install --save @superblocksteam/embed
```
Alternatively, add the following `
```
## Step 3. Add the embed component
Add the embed component to your HTML on the page you want the app to appear on.
Get your app's \ component by clicking the Share application icon in the app editor's header, followed by Setup embed in the share modal.
```tsx theme={null}
import React from 'react';
import { SuperblocksEmbed } from '@superblocksteam/embed-react';
const AppWithEmbed = () => {
return <>
;
}
```
Get your app's createSuperblocksEmbed snippet by clicking the Share application icon in the app editor's header, followed by Setup embed in the share modal.
```js theme={null}
const sbApp = Superblocks.createSuperblocksEmbed({
id: "sb-app",
src: "https://app.superblocks.com/code-mode/embed/applications/"
});
document.body.appendChild(sbApp);
```
## Step 4. View your embedded app
Run your web app in development mode to view and test the embedded app on your site.
You've now successfully embedded your application! Customize and extend your embed's behavior by exploring the docs below.
## What's next?
With a basic embedded app on your website, you're ready to [**authenticate external users**](/hosting/embedded-apps/authentication) with your Superblocks app.