material-web은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

material-web은(는) Apache-2.0 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

material-web은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. material-web의 마지막 커밋은 2026년 10월 22일입니다.

material-web은(는) 어디에 사용할 수 있나요?

정적 HTML 페이지에 Material 스타일의 버튼, 텍스트 필드, 폼 컨트롤 추가 특정 프레임워크에 종속되지 않고 Material 3 기반 웹 앱 UI 구축 CDN import를 사용해 Material 인터페이스를 빠르게 프로토타이핑

material-web는 어떻게 설치하나요?

README의 빌드 과정이 필요 없는 HTML 예제를 HTML 파일에 복사합니다 HTML 파일을 브라우저에서 열어 CDN에서 불러온 컴포넌트가 실행되는 모습을 확인합니다

material-web은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/material-components/material-web

material-components/material-web

Lit 기반 Material Design 3 웹 컴포넌트로, 빌드 없이 CDN을 사용하거나 npm으로 설치해 접근성 높은 웹 앱을 만들 수 있습니다.

GitHub에서 보기 웹사이트

스타: 11,369
포크: 1,158
열린 이슈: 189
마지막 커밋: 그저께

어떤 프로젝트인가요?

Material Web(@material/web)은 Google의 Material 3 디자인 시스템을 구현한 웹 컴포넌트 라이브러리입니다. 버튼, 체크박스, 라디오 버튼, 텍스트 필드, 타이포그래피 스타일 등의 컴포넌트가 표준 커스텀 요소로 제공되므로 일반 HTML에서 사용할 수 있으며 React, Vue, Angular 등의 프레임워크에서도 사용할 수 있습니다.

import map을 사용하면 빌드 단계 없이 CDN에서 라이브러리를 바로 불러올 수 있고, 프로덕션 빌드용으로는 npm에서 설치할 수 있습니다. typescale 스타일시트는 어떤 요소에든 적용할 수 있는 Material 타이포그래피 스타일을 제공합니다.

새로운 유지 관리자를 찾는 동안 프로젝트는 유지 관리 모드에 있으므로, 도입을 고려하는 팀은 이에 맞춰 계획해야 합니다.

핵심 기능

01Material 3 컴포넌트를 표준 웹 컴포넌트로 제공
02일반 HTML에서 사용하거나 React, Vue, Angular와 함께 사용 가능
03CDN과 import map을 통한 빌드 없는 설정
04Material 타이포그래피 스타일을 제공하는 typescale 스타일시트
05프로덕션 빌드용으로 npm에서 설치 가능

활용 사례

정적 HTML 페이지에 Material 스타일의 버튼, 텍스트 필드, 폼 컨트롤 추가
특정 프레임워크에 종속되지 않고 Material 3 기반 웹 앱 UI 구축
CDN import를 사용해 Material 인터페이스를 빠르게 프로토타이핑

빠른 시작

1
README의 빌드 과정이 필요 없는 HTML 예제를 HTML 파일에 복사합니다
2
HTML 파일을 브라우저에서 열어 CDN에서 불러온 컴포넌트가 실행되는 모습을 확인합니다

사용 전 알아둘 점

새로운 메인테이너를 찾는 동안 프로젝트는 유지보수 모드로 운영됩니다

포함된 컬렉션

프론트엔드 프레임워크 & UI 컴포넌트

토픽

#web-components #material-design #design-system #lit #ui-components #css #component #lit-element #lit-html #material

자주 묻는 질문

material-web은(는) 무엇인가요?: Lit 기반 Material Design 3 웹 컴포넌트로, 빌드 없이 CDN을 사용하거나 npm으로 설치해 접근성 높은 웹 앱을 만들 수 있습니다. Material Web(@material/web)은 Google의 Material 3 디자인 시스템을 구현한 웹 컴포넌트 라이브러리입니다. 버튼, 체크박스, 라디오 버튼, 텍스트 필드, 타이포그래피 스타일 등의 컴포넌트가 표준 커스텀 요소로 제공되므로 일반 HTML에서 사용할 수 있으며 React, Vue, Angular 등의 프레임워크에서도 사용할 수 있습니다.
material-web은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?: material-web은(는) Apache-2.0 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
material-web은(는) 아직 유지보수되고 있나요?: 활발히 유지보수 중. material-web의 마지막 커밋은 2026년 10월 22일입니다.
material-web은(는) 어디에 사용할 수 있나요?: 정적 HTML 페이지에 Material 스타일의 버튼, 텍스트 필드, 폼 컨트롤 추가 특정 프레임워크에 종속되지 않고 Material 3 기반 웹 앱 UI 구축 CDN import를 사용해 Material 인터페이스를 빠르게 프로토타이핑
material-web는 어떻게 설치하나요?: README의 빌드 과정이 필요 없는 HTML 예제를 HTML 파일에 복사합니다 HTML 파일을 브라우저에서 열어 CDN에서 불러온 컴포넌트가 실행되는 모습을 확인합니다
material-web은(는) 어디서 받을 수 있나요?: 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/material-components/material-web

요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.