Catalog
Production-ready templates.
여러 컴포넌트와 데이터 흐름을 결합한 완성된 페이지·앱 템플릿. 클론해서 자기 데이터로 바꾸기만 하면 운영 가능.
Enterprise · 8
Stacked App Shell
상단 네비게이션 + 페이지 헤더 + 본문. 모바일에선 햄버거 메뉴로 전환.
View template →
Multi-Column App Shell
아이콘 사이드 + 네비 사이드 + 본문 + 우측 aside. 화면 폭에 따라 컬럼이 단계적으로 접힘. (메일·이슈 트래커류)
View template →
Stacked Layout
상하 2단 레이아웃 — 고정 상단(Top) + 본문(Content). 가장 단순한 페이지 셸.
View template →
Two Column Layout
좌우 2단 레이아웃 — 사이드(Side) + 메인(Main). 모바일에선 세로 적층.
View template →
Three Column Layout
좌우 3단 레이아웃 — 좌(Left) + 메인(Main) + 우(Right). 모바일에선 세로 적층.
View template →
Header + Side + Content Layout
상단 헤더 + 좌측 사이드 + 본문 — 가장 일반적인 앱 셸 레이아웃.
View template →
Master-detail App
DynamicPage 와 Flexible Column Layout 을 합친 마스터-디테일 흐름 (SAP UI5 디자인 패턴 참고). 주문 관리·이슈 트래커·메일 클라이언트.
flexible-column-layoutdynamic-pagebreadcrumbinputView template →
Admin Panel
내부 어드민 — 권한 관리 · 로그 · 설정 · 통계.
sidebartableformeditable-cellDashboard · 1
Dashboard
관리자 대시보드 — 사이드바 · 차트 · 테이블 · 사용자 관리.
sidebarcharttabledashboard-statsMarketing · 1
Landing Page
SaaS 랜딩 페이지 — Hero · Features · Pricing · FAQ · CTA.
hero-centeredpricing-three-tierfaqnewsletterAuthentication · 1
Auth Flow
로그인 / 회원가입 / 비밀번호 재설정 / 이메일 인증.
auth-loginformdialogE-commerce · 1
E-commerce
상품 카탈로그 · 장바구니 · 결제 · 주문 관리.
cardpaginationformtable