Browser Frame

Tabs, an address bar that types on arrival and a loading bar once it is entered. For product pages and case studies.

Install

Included with Creative: needs your API key. Initialize and log in once.

Terminal

npx @galactrex/ui add browser-frame

Example

import { BrowserFrame } from "@/components/galactrex/browser-frame";

<BrowserFrame url="galactrex.com/ui">…</BrowserFrame>

Installs to components/galactrex/browser-frame.tsx, with the shared motion primitives beside it.

Source for this component comes with its plan. Install it with the command above, or open your licensed copy here.

Prop	Type	Default	Description
`children`	`ReactNode`	—	The page.
`url`	`string`	—	Address.
`tabs`	`string[]`	—	Tab titles; first is active.
`typeUrl`	`boolean`	`true`	Type the address in.
`className`	`string`	—	Extra classes for the outer element.