junhoyeo / iphone

๐Ÿ๏ธ iPhone 14 Pro with dynamic island, on the web.

Home Page:http://iphone.junho.io

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

@junhoyeo/iphone

GitHub deployments License: MIT

๐Ÿดโ€โ˜ ๏ธ @junhoyeo/iphone

๐Ÿ๏ธ iPhone 14 Pro with dynamic island, on the web.

Warning
This package is under rapid development ๐Ÿ› 

yarn add @junhoyeo/iphone
import { Phone, type GridItemProps } from '@junhoyeo/iphone';

import '@junhoyeo/iphone/dist/style.css';

const APPS: GridItemProps[] = [];
const DOCK: GridItemProps[] = [];
const BACKGROUND_IMAGE_URL: string = '';

<Phone
  appBarBrightness="dark"
  frameColor="purple"
  transformScale={1}
  apps={APPS}
  dock={DOCK}
  backgroundImage={BACKGROUND_IMAGE_URL}
  dynamicIslandProps={{ ... }}
>
  <AppBar />
  <Screen>
    <Iframe src="/demo" allowTransparency />
  </Screen>
</Phone>

Powered by

Vite

Powers

About

๐Ÿ๏ธ iPhone 14 Pro with dynamic island, on the web.

http://iphone.junho.io


Languages

Language:TypeScript 75.7%Language:CSS 10.5%Language:SCSS 9.3%Language:JavaScript 4.3%Language:MDX 0.3%