디자이너 없이도 앱 UI를 — 클릭이 진짜 되는 47개 모바일 UI 킷
19시간 전
안녕하세요! 혼자 앱 만들 때 제일 막막한 게 'UI를 어떻게 시작하지?'였어요.
Dribbble 샷은 예쁜데 정적 이미지라 흐름이 안 보이고, 막상 코드로 옮기려면 또 막히고요.
그래서 Mokuno를 만들었습니다 👉 https://mokuno.web.app/
- 📱 47개 킷 · 18개 카테고리 (핀테크·커머스·소셜·헬스·교육·게임…)
- 👆 실제로 클릭·입력이 동작하는 인터랙티브 프리뷰 (이미지 아님, 렌더링된 화면)
- 🤖 컬러·컴포넌트 스펙을 'AI-Ready'로 복사 → Claude·Cursor에 붙여넣어 바로 구현
- ✏️ 편집 + PDF·PNG·Figma 내보내기 (멤버십)
- 모든 킷 무료 열람
정적 목업이 아니라 입력·탭이 실제로 반응하는 인터랙티브 프리뷰입니다.
킷별로 내비게이션·버튼·입력 필드·스킨이 분기되도록 설계해 '색만 다른 화면' 양산을 피했어요.
스펙을 복사해서 ChatGPT나 Claude에 붙여넣으면 코드 짤 때 편합니다.
전 킷 무료 열람, 편집·내보내기(PDF/PNG/Figma)는 멤버십. 빌드 단계 없는 단일 페이지 앱입니다.
피드백 주시면 정말 감사하겠습니다 🙏
특히 "이 카테고리 킷이 더 있으면 좋겠다" 같은 의견 환영해요!
댓글을 작성해보세요.