> ## Documentation Index
> Fetch the complete documentation index at: https://docs.daily.co/llms.txt
> Use this file to discover all available pages before exploring further.

# Daily.createTransparentFrame()

> Creates a full-page transparent Daily Prebuilt iframe overlay that ignores pointer events.

`Daily.createTransparentFrame({ properties })`

<Badge color="green">{"✓"} Prebuilt</Badge> <Badge color="red">{"✗"} Custom</Badge>

Creates a [`DailyCall`](/reference/daily-js/daily-call-client) instance with a transparent, full-page Daily Prebuilt `iframe` overlaid on the page. The `iframe` ignores all pointer events, so clicks pass through to content beneath it. Use this when you want Daily Prebuilt's UI to float over your own page without blocking interaction.

## Parameters

<ParamField body="properties" type="DailyCallOptions">
  Optional configuration. If `url` is not set here, it must be provided when calling [`join()`](/reference/daily-js/instance-methods/join) or [`load()`](/reference/daily-js/instance-methods/load). See [`DailyCallOptions`](/reference/daily-js/types/daily-call-options) for the full list of options.
</ParamField>

## Return value

Returns a new [`DailyCall`](/reference/daily-js/daily-call-client) instance.

## Example

```javascript theme={null}
const call = Daily.createTransparentFrame({
  url: 'https://your-domain.daily.co/room-name',
});

await call.join();
```

<DuplicateCallObjectCallout api="daily-js" method="Daily.createTransparentFrame()" />

## See also

<CardGroup>
  <Card title="Types" icon="t" iconType="solid">
    * [DailyCallOptions](/reference/daily-js/types/daily-call-options)
  </Card>

  <Card title="Methods" icon="code" iconType="solid">
    * [Daily.createFrame()](/reference/daily-js/factory-methods/create-frame)
    * [Daily.createCallObject()](/reference/daily-js/factory-methods/create-call-object)
    * [join()](/reference/daily-js/instance-methods/join)
    * [leave()](/reference/daily-js/instance-methods/leave)
  </Card>

  <Card title="Guides" icon="book-open" iconType="solid">
    * [Call modes](/docs/daily-js/concepts/call-modes)
    * [Call configuration](/docs/daily-js/concepts/call-configuration)
  </Card>
</CardGroup>