SCSS Module 기반 디자인 시스템
HTML과 SCSS만으로 아름다운 UI를 구현할 수 있는 디자인 시스템입니다. 색상, 간격, 타이포그래피 등 체계적인 디자인 토큰을 제공하며, 다양한 프레임워크와 함께 사용할 수 있는 유연한 구조를 갖추고 있습니다.
Header
가볍고 빠른 성능
순수 SCSS로 구성되어 번들 크기가 작고, 런타임 오버헤드 없이 빠른 성능을 제공합니다.
체계적인 디자인 토큰
색상, 간격, 타이포그래피, 반경 등 디자인 시스템의 모든 요소를 함수로 제공하여 일관성 있는 UI를 구축합니다.
다크모드 기본 지원
라이트/다크 모드를 기본으로 지원하며, Warm 톤 설정으로 사용자 환경에 최적화된 경험을 제공합니다.
반응형 그리드 시스템
PC(12), Tablet(6), Mobile(4) 그리드로 자동 변환되는 유연한 레이아웃 시스템을 통해 모든 기기에 대응합니다.
강력한 SCSS 함수 시스템
color(), s(), r() 등의 직관적인 함수로 디자인 토큰을 사용할 수 있습니다. 팀 내 일관된 디자인 시스템을 구축하고, 손쉽게 커스터마이징할 수 있습니다.
w-1_12
w-2_3
w-2
w-5
w-4
w-3
w-2
w-1
다양한 UI 컴포넌트 제공
버튼, 폼 요소, 테이블, 탭 등 웹 개발에 필요한 필수 컴포넌트를 제공합니다. CSS 클래스 기반으로 작동하여 자유롭게 커스터마이징하고 확장할 수 있습니다.
Podo UI를 응원해주세요
오픈소스 프로젝트 Podo UI를 GitHub에서 Star로 응원해주세요. 더 많은 분들이 편리하게 사용할 수 있도록 함께 만들어가요!
GitHub에서 응원하기