React WebReact NativeiOS + Android

One language.
Web & Native.

웹에서도, 앱에서도.
같은 API로 만드는 좋은 화면.

React와 React Native를 위한 50개의 컴포넌트.
Paper & Ink의 색, 여백, 디테일을 모든 화면에.

같은 코드, 다른 화면 ↓woosign-system / v0.6.0
React WebReact Native

같은 API.
각자의 화면.

Button, Checkbox, Card부터 디자인 토큰까지.
웹과 네이티브 앱에서 같은 이름, 같은 API로 사용하세요.

import {Button} from 'woosign-system';

<Button onPress={handlePress}>시작하기</Button>
iOS · Android 사용법 보기 ↗

옆의 데모는 실제 웹 구현입니다. 네이티브 구현은 React Native 앱에서 렌더링됩니다.

A LITTLE EVERY DAY 01 / LIVE PREVIEW
YOUR DAILY SPACE

작은 걸음,
좋은 하루.

당신의 속도로 완성해 가세요.

오늘의 루틴2 / 3
나를 위한 시간 10분
새로운 영감 하나 모으기
작은 목표 하나 끝내기
↖ 체크박스를 눌러보세요실제 컴포넌트로 만든 화면

EXPLORE WOOSIGN

필요한 곳부터 시작하세요.

전체 사이트맵 보기 ↗

ONE LANGUAGE. MANY POSSIBILITIES.

익숙한 API.
일관된 경험.

크림색 캔버스, 깊은 잉크, 따뜻한 엠버.
화면마다 같은 디자인 언어를 쓰고,
제품의 이야기에 집중하세요.

50컴포넌트 · 두 플랫폼

THE BUILDING BLOCKS

작은 요소에서 시작하세요.

전체 컴포넌트 →
Button↗

명확한 다음 행동을 만드는 버튼

오늘의 작은 목표

꾸준함을 위한 한 걸음

Card↗

정보와 행동을 담는 카드

MAKE SOMETHING GOOD.

Your next screen
starts here.

설치하고 시작하기 ↗