프로젝트 소개
Radzen Blazor는 Blazor를 위한 오픈 소스(MIT) UI 컴포넌트 라이브러리로, NuGet 패키지인 Radzen.Blazor로 배포됩니다. README에 따르면 145개 이상의 네이티브 컴포넌트를 제공하며 .NET 10, Blazor Server, Blazor WebAssembly 및 .NET MAUI Blazor Hybrid를 지원합니다.
컴포넌트는 문서에서 다음과 같은 여러 영역으로 그룹화되어 있습니다:
- AI: AIChat, Chat, Markdown, SpeechToTextButton
- 데이터: DataGrid, DataList, PivotDataGrid, DataFilter, PickList, Pager, Tree, Scheduler, Gantt, Timeline, Spreadsheet, 광범위한 차트 컬렉션(line, bar, column, area, pie, donut, scatter, bubble, radar, box plot, bullet, candlestick, OHLC, pyramid, funnel, waterfall, range 및 stacked 변형, contour), Heatmap, Treemap, RangeNavigator, SankeyDiagram 및 게이지 차트
- 폼: 텍스트 박스, 비밀번호, 숫자, 마스크, 날짜/시간 선택기, 색상 선택기, 드롭다운, 자동완성, 리스트 박스, 체크 박스, 라디오 버튼 리스트, 스위치, 슬라이더, 평가, 파일 입력, 업로드, 보안 코드, 서명 패드, HTML 에디터, 버튼, 분할 버튼 및 로그인
- 레이아웃: Card, Panel, Tabs, Accordion, Splitter, Tile Layout, Steps, Dialog, Fieldset, Stack, Row/Column, Sidebar, Carousel
- 내비게이션: Menu, ContextMenu, PanelMenu, Breadcrumb, Link, TreeView, FabMenu, ProfileMenu
- 피드백: Notification, Alert, ProgressBar, Badge, Tooltip, Skeleton, Chip, ChipList, AppearanceToggle
- 유틸리티: QRCode, Barcode, Gravatar, GoogleMap, DropZone
- 테마: 라이트 및 다크 변형이 포함된 10가지 내장 테마. Material, Standard, Default, Humanistic, Software는 무료로 제공되며, Material 3와 Fluent는 Radzen Blazor Pro에서 제공되는 프리미엄 테마로 나열되어 있습니다. CSS 변수 커스터마이징과 런타임 전환을 위한 테마 서비스가 제공됩니다.
시작 방법은 간단한 순서를 따릅니다. NuGet 패키지를 설치하고, _Imports.razor에 Radzen 및 Radzen.Blazor 네임스페이스를 추가하며, App.razor에 RadzenTheme 컴포넌트와 라이브러리 스크립트를 배치하고, builder.Services.AddRadzenComponents()로 서비스를 등록한 후 RadzenButton과 같은 컴포넌트를 사용하면 됩니다.
이 프로젝트는 JavaScript 프레임워크 의존성이나 래퍼 없이 전체가 C#으로 작성되었으며, 개발자당 비용이나 런타임 로열티 없이 상업적 이용이 무료이며, 빈번한 릴리스를 통해 유지 관리된다는 점을 강조합니다. 또한 README에는 다수의 대규모 조직 개발자들이 사용하고 있다고 명시되어 있습니다.
커뮤니티 지원은 Radzen 포럼을 통해 제공됩니다. 별도로 유료 Radzen Blazor Pro 구독이 제공되며, 여기에는 Radzen Blazor Studio(디자인 캔버스, 데이터베이스 스캐폴딩, CRUD 마법사, 템플릿 및 배포 기능을 갖춘 독립형 Blazor IDE), Visual Studio 툴링, AI 코딩 어시스턴트를 위한 클라우드 호스팅 MCP 서버, 프리미엄 테마 및 전담 지원이 포함됩니다. 데모 솔루션은 .NET 10 SDK를 사용하여 Radzen.Server.sln 또는 Radzen.WebAssembly.sln을 통해 로컬에서 실행할 수 있습니다.
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.