App Layout

Creator

Creator

Seonglae Cho

Created

Created

2021 Mar 21 13:3

Editor

Editor

Seonglae Cho

Edited

Edited

2026 Oct 2 14:54

Refs

Refs

facebook • Updated 2023 Aug 11 14:38

App Layouts

Vertical is navigation, depth

Horizontal is breadth, switching

direction is hierarchy

shadcn on Twitter / X

Why horizontal tabs? Vertical is navigation. Organizational. Hierarchical. A tree. It's "history". You don't need it on screen all the time.Horizontal is the working set. The threads that are live. Always visible. Give it icons, colors, status. Context at a glance.In apps… https://t.co/Saq2FXd8e2 pic.twitter.com/bCZqmRFewI— shadcn (@shadcn) September 29, 2026

https://x.com/shadcn/status/2104873649702387819

shadcn on Twitter / X

perfect ux

shadcn on Twitter / X

I didn't expect this tweet to be controversial. But here we are.Okay so look at the most popular apps you use every day. Now think about what they looked like two years ago vs today. They're all converging on the same three panels. An explorer on the left. A chat in the… https://t.co/yPRddS0uPR— shadcn (@shadcn) June 28, 2026

shadcn on Twitter / X

https://x.com/shadcn/status/2071289256887058852

App layouts

한국의 UI/UX 모바일 패턴을 수집합니다.

https://wwit.design/

GNB·LNB·SNB·FNB 용어 설명

어느 페이지에 들어가든 공통적으로 사용할 수 있는 메뉴를 가리킨다. 최상위 메뉴로 보통 상단에 위치하고 있다. 메인메뉴라고도 부른다. LNB (Local Navigation Bar) GNB를 누를 경우 소제목 형식으로 나오는 메뉴를 가리킨다. 네비게이션을 통해 특정 지역으로 가는 네비게이션 바이다 SNB(SIde Navigation Bar) 일반적으로 왼쪽에 많이 있기 때문에 LNB(Left Navigation Bar)라고 부르기도 한다.

GNB·LNB·SNB·FNB 용어 설명

https://youngkeol.tistory.com/29

GNB·LNB·SNB·FNB 용어 설명

Recommendations

////