MDUI문서
개발
mdui 2mdui 1
디자인
Material Design 1
llms.txt 링크 복사llms-full.txt 링크 복사프로젝트 전체 문서에 대해 ChatGPT와 논의하기

Material Design UI

Web Components를 기반으로 구축된 Material Design 3 (Material You) 프론트엔드 컴포넌트 라이브러리
시작하기설치 Github

Web Components

전적으로 Web Components를 기반으로 개발되어, <div>와 같은 기본 태그처럼 간단하게 사용할 수 있습니다.

다이내믹 컬러

색상 값이나 배경화면에서 색상 구성표를 생성하고 모든 컴포넌트에 자동 적용할 수 있습니다.

다크 모드

다크 모드를 기본 지원하며, OS 설정에 따라 라이트/다크 테마 간에 자동 전환됩니다.

Material You

최신 Material Design 3 (Material You) 사양을 준수하여 아름답고 현대적인 제품 구축을 지원합니다.

경량

Gzip 압축 후 85KB에 불과하며, 온디맨드 가져오기로 패키지 크기를 더욱 줄일 수 있습니다.

IDE 지원

VS Code 및 WebStorm 플러그인과 뛰어난 코드 힌트를 통해 더 효율적인 개발이 가능합니다.

모든 프레임워크와 호환

Vue, React, Angular 등과 원활하게 연동되어 모든 웹 애플리케이션에 적합합니다.

TypeScript 지원

전적으로 TypeScript로 작성되었으며 최고의 타입 정의를 제공합니다.

의존성 없음

제3자 라이브러리에 의존하지 않아 로딩이 빠르고 페이지 성능을 크게 향상시킵니다.

풍부한 컴포넌트

30개 이상의 고품질 컴포넌트와 유틸리티 함수로 일반적인 UI 개발 요구를 충족합니다.

Material Icons

Material Design 사양을 준수하는 1만 개 이상의 아이콘을 온디맨드 가져오기로 지원합니다.

낮은 학습 비용

HTML, CSS, JavaScript에 대한 기본 지식만 있다면 바로 mdui를 시작할 수 있습니다.

알리페이 QR 코드로 기부위챗 QR 코드로 기부