UniKit
한 import로, 웹과 네이티브가 같은 화면.
shadcn 형태·zinc 토큰·브리지 프리미티브. React와 React Native에서 같은 컴포넌트를 씁니다.
한 벌 소스, 두 플랫폼.
import { Button } from "@unikit-bridge/ui" 한 줄이면 Expo와 Next가 같은 className·같은 CSS 변수 토큰으로 렌더합니다. 플랫폼 분기 파일 없이 브리지가 갈라 줍니다.
실제 컴포넌트로 만져 보기
아래는 목업이 아닙니다. `@unikit-bridge/ui`의 Field·Input·Switch·Button이 그대로 동작합니다.
import { Button, Field, Input } from "@unikit-bridge/ui"
<Field>
<FieldLabel>이름</FieldLabel>
<Input value={name} onChangeText={setName} />
</Field>프로젝트 이름빈 제출과 성공 피드백을 확인해 보세요.
이름쇼케이스에 쓸 짧은 이름
알림 받기
설치
npm 패키지로 쓰거나, shadcn CLI로 소스를 프로젝트에 복사할 수 있습니다.
npm
bun add @unikit-bridge/ui class-variance-authority clsx tailwind-merge
shadcn registry
bunx shadcn@latest add https://ui.unikit.ll3.kr/r/button.json -y