06.1 · Native UI
하나의 브랜드. 네이티브 경험.
SWIFTUI / iOS 17+
네이티브 UI 다운로드Familiar. Refined.
SwiftUI · 네이티브 시트, Dynamic Type, SF Symbols, 동작 줄이기.
결제 미리보기
브라우저 인터랙션 참고 · UI 데모 전용
인터랙션 모션cubic-bezier(.2, .8, .2, 1) · Reduced motion
선택
180 ms시트
240 ms확인
400 msAPP MOTION / 06 RECIPES
작은 제스처, 큰 차이.
일상적인 앱 경험을 위한 여섯 가지 인터랙션.
Omninal StudioDemo · USD124.00
01
밀어서 펼치기
목록을 떠나지 않고 작업을 펼칩니다.
아래로 당기기
02
당겨서 새로고침
저항, 임계점, 명확한 완료 상태.
03
길게 눌러 확인
의도적인 확인과 탭 대안.
Omninal•••• 2048
04
제자리에서 확장
맥락을 유지하며 상세 정보를 엽니다.
05
목적지를 따라가기
표시기가 이동해 현재 위치를 보여줍니다.
데모 잔액USD 12,480.25
06
연속적인 숫자 전환
의미를 유지하며 잔액을 갱신합니다.
UI 참고용입니다. 모든 제스처에는 버튼 대안이 있으며 실제 자금은 이동하지 않습니다. 네이티브 구현 참고는 UI 다운로드에 포함되어 있습니다.
컴포넌트기본 · 포커스 · 누름 · 비활성 · 오류 · 성공
01ButtonSwiftUI / Compose
02TextFieldSwiftUI / Compose
03MoneySwiftUI / Compose
04StatusBadgeSwiftUI / Compose
05CardSwiftUI / Compose
06ToggleSwiftUI / Compose
07SheetSwiftUI / Compose
08SuccessSwiftUI / Compose
소스 받기
3.2.0-preview.1네이티브 UI 다운로드
플랫폼별 컴포넌트 8개와 결제 데모. 프로덕션 인증 SDK가 아닌 프리뷰 소스입니다.
구현 안내
Swift Package를 로컬로 추가하거나 Android 프로젝트에 :omninal-ui를 포함하세요. 색상은 Web과 동일한 DTCG 소스에서 생성됩니다.
릴리스 검사에는 iOS SDK 타입 검사와 Android 라이브러리 빌드가 포함됩니다. 기기와 VoiceOver / TalkBack 검사는 호스트 앱에서 진행해야 합니다.