DataGrid, Scheduler, 차트, AI 채팅 컨트롤 등 155개 이상의 컴포넌트를 제공하는 MIT 라이선스 Blazor UI 컴포넌트 라이브러리입니다.
MudBlazor/MudBlazor
Blazor용 Material Design 컴포넌트 라이브러리로, 전부 C#으로 작성되어 .NET 개발자가 CSS나 JavaScript를 많이 쓰지 않고 웹 UI를 만들 수 있습니다.
- 스타
- 10,643
- 포크
- 1,696
- 열린 이슈
- 721
- 마지막 커밋
- 어제
어떤 프로젝트인가요?
MudBlazor는 Microsoft의 대화형 웹 UI 구축용 .NET 프레임워크인 Blazor를 위한 Material Design 컴포넌트 프레임워크입니다. 텍스트, 버튼, 그 밖의 일반적인 컨트롤 등 바로 사용할 수 있는 컴포넌트를 제공하므로, 개발자는 커스텀 CSS나 JavaScript를 많이 작성하지 않고도 C#으로 웹 애플리케이션을 구성할 수 있습니다.
모든 컴포넌트가 C#으로 구현되어 있어 라이브러리 코드를 직접 살펴보고 수정하거나 확장할 수 있습니다. 다른 컴포넌트 라이브러리에 의존하지 않으며, 테스트 커버리지와 잦은 릴리스에 중점을 두고 있습니다. 문서에는 다양한 예제와 소스 코드 조각, 인터랙티브 플레이그라운드가 포함되어 있습니다.
최신 .NET 버전을 지원하며, 현재 9.x 버전은 .NET 8, 9, 10을 지원합니다. 정적 서버 측 렌더링은 지원하지 않으므로 인터랙티브 렌더 모드에서 컴포넌트를 사용해야 합니다.
핵심 기능
- 01전부 C#으로 구현된 Material Design 컴포넌트입니다.
- 02CSS를 많이 작성하지 않고 사용할 수 있으며, 커스텀 CSS도 지원합니다.
- 03꼭 필요한 경우에만 JavaScript를 최소한으로 사용합니다.
- 04다른 컴포넌트 라이브러리에 의존하지 않습니다.
- 05예제와 인터랙티브 플레이그라운드를 갖춘 풍부한 문서를 제공합니다.
활용 사례
- .NET으로 사내 비즈니스 대시보드나 관리자 패널을 구축합니다.
- 직접 스타일을 작성하지 않고 Material Design 스타일의 웹 애플리케이션을 만듭니다.
- 기존 Blazor 프로젝트에 바로 사용할 수 있는 UI 컨트롤을 추가합니다.
빠른 시작
- 1
MudBlazor 문서 사이트에서 설치 가이드를 확인합니다
- 2
Blazor 프로젝트에 MudBlazor 패키지를 추가합니다
- 3
Razor 페이지에서 MudButton과 같은 MudBlazor 컴포넌트를 사용합니다
사용 전 알아둘 점
- 정적 서버 렌더링은 지원되지 않으므로 렌더링 모드를 구성해야 합니다.
- 최신 브라우저와 지원되는 Blazor/.NET 버전이 필요합니다. 이전 버전은 지원이 종료되었습니다.
포함된 컬렉션
토픽
자주 묻는 질문
- MudBlazor은(는) 무엇인가요?
- Blazor용 Material Design 컴포넌트 라이브러리로, 전부 C#으로 작성되어 .NET 개발자가 CSS나 JavaScript를 많이 쓰지 않고 웹 UI를 만들 수 있습니다. MudBlazor는 Microsoft의 대화형 웹 UI 구축용 .NET 프레임워크인 Blazor를 위한 Material Design 컴포넌트 프레임워크입니다. 텍스트, 버튼, 그 밖의 일반적인 컨트롤 등 바로 사용할 수 있는 컴포넌트를 제공하므로, 개발자는 커스텀 CSS나 JavaScript를 많이 작성하지 않고도 C#으로 웹 애플리케이션을 구성할 수 있습니다.
- MudBlazor은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
- MudBlazor은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
- MudBlazor은(는) 아직 유지보수되고 있나요?
- 활발히 유지보수 중. MudBlazor의 마지막 커밋은 2026년 10월 24일입니다.
- MudBlazor은(는) 어디에 사용할 수 있나요?
- .NET으로 사내 비즈니스 대시보드나 관리자 패널을 구축합니다. 직접 스타일을 작성하지 않고 Material Design 스타일의 웹 애플리케이션을 만듭니다. 기존 Blazor 프로젝트에 바로 사용할 수 있는 UI 컨트롤을 추가합니다.
- MudBlazor는 어떻게 설치하나요?
- MudBlazor 문서 사이트에서 설치 가이드를 확인합니다 Blazor 프로젝트에 MudBlazor 패키지를 추가합니다 Razor 페이지에서 MudButton과 같은 MudBlazor 컴포넌트를 사용합니다
- MudBlazor은(는) 어디서 받을 수 있나요?
- 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/MudBlazor/MudBlazor
요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.
관련 프로젝트
Tailwind CSS에 클래스 이름으로 바로 사용할 수 있는 UI 컴포넌트를 추가하는 무료 오픈소스 라이브러리입니다.
Lit 기반 Material Design 3 웹 컴포넌트로, 빌드 없이 CDN을 사용하거나 npm으로 설치해 접근성 높은 웹 앱을 만들 수 있습니다.
React Aria와 Tailwind CSS v4를 기반으로 한 React UI 컴포넌트 라이브러리로, 이전 이름은 NextUI입니다.
Google Material Design을 구현한 React 컴포넌트 라이브러리로, 바로 사용할 수 있는 다양한 UI 컴포넌트를 제공합니다.
Ant Design 디자인 언어를 기반으로 하며 Vue 2와 Vue 3를 지원하는 엔터프라이즈급 Vue UI 컴포넌트 라이브러리입니다.