mdui

(★ 4,520)

Material Design 3(Material You) UI components using Web Components.

파일 탐색기

최종 버전 다운로드 (.zip)
  • .browserslistrc
  • .editorconfig
  • .gitignore
  • eslint.config.js
  • package.json
  • pnpm-lock.yaml
  • pnpm-workspace.yaml
  • prettier.config.js
  • README.md
  • stylelint.config.js
  • tsconfig.json

# 설치 가이드

1. 코드 내려받기
git clone https://github.com/zdhxiong/mdui

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd mdui

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. Gradle (Java/Kotlin)

보통 추천
사전 준비물
  • Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
  • JDK (Java) Java/Kotlin 프로젝트를 빌드/실행하려면 필요합니다.
  • Gradle 레포에 포함된 gradlew(Gradle Wrapper)를 쓰면 Gradle을 따로 설치할 필요가 없습니다.
⚠️ 이 프로젝트는 규모가 큰 저장소라, 이 방법이 실제 핵심 제품이 아니라 내부 하위 패키지를 가리키는 것일 수 있습니다. README 전체를 함께 확인해보세요.
cd packages/jetbrains-plugin

이 프로젝트의 관련 파일이 하위 폴더 안에 있어서, 먼저 그 폴더로 이동합니다.

./gradlew build

Gradle로 빌드를 진행합니다.

✅ BUILD SUCCESSFUL 메시지가 뜨면 성공입니다. build/ 폴더에 결과물이 생성됩니다.

3. Node.js

쉬움
사전 준비물
  • Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
  • Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.
npm install mdui --save

package.json에 명시된 라이브러리들을 내려받아 설치합니다.

<img src="https://img.shields.io/npm/v/mdui.svg" alt="npm version"/>

이 명령어를 터미널에 그대로 입력해 실행하세요.

<img src="https://badgen.net/badgesize/gzip/https://cdn.jsdelivr.net/npm/mdui/mdui.css?label=CSS%20gzip%20size" alt="CSS gzip size"/>

이 명령어를 터미널에 그대로 입력해 실행하세요.

<img src="https://badgen.net/badgesize/gzip/https://cdn.jsdelivr.net/npm/mdui/mdui.esm.js?label=JS%20gzip%20size" alt="JS gzip size"/>

이 명령어를 터미널에 그대로 입력해 실행하세요.

<img src="https://badgen.net/npm/dt/mdui" alt="downloads"/>

이 명령어를 터미널에 그대로 입력해 실행하세요.

✅ 명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.

이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.

오늘의 추천 프로젝트

TypeScript ★ 110,354

TypeScript는 깔끔한 JavaScript 출력 코드로 컴파일되는 JavaScript의 상위 집합입니다.

Go
uv ★ 88,940

Rust로 작성된 극도로 빠른 Python 패키지 및 프로젝트 관리자입니다.

Rust
vite ★ 82,446

차세대 프론트엔드 툴링. 정말 빠릅니다!

TypeScript
ai-agents-for-beginners ★ 72,946

AI Agents 빌딩을 시작하기 위한 18가지 레슨

Jupyter Notebook
screenshot-to-code ★ 74,308

Drop in a screenshot and convert it to clean code (HTML/Tailwind/React/Vue)

Python
langflow ★ 153,529

Langflow는 AI 기반 에이전트와 워크플로우를 구축하고 배포하기 위한 강력한 도구입니다.

Python
// repository documentation