telerik/blazor-ui

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Telerik UI for Blazor enables you to develop new Blazor applications and modernize legacy web projects in half the time with a high-performing Blazor Data Grid and 100+ truly native, easy-to-customize UI components to cover any requirement.

Try Telerik Blazor UI

This repository contains examples related to Telerik UI for Blazor components that can be used in addition to the existing documentation or demos. They provide scenarios and answers to common how-to questions related to:

The included code examples are applicable for both Blazor WebAssembly and Blazor Server projects. For most of them, a component and some classes are provided to illustrate a specific use case can be achieved.

NOTE: This repository does not contain the actual source code of the components, or the demos application available at the official UI for Blazor demos. The demos application is available as an offline project from your Telerik UI for Blazor installation.



  1. For community support, we recommend asking questions on Stack Overflow using the telerik-blazor tag.
  2. If you have an active trial or license, you can use the official support channel for questions, technical assistance, bug reports or problem resolutions.

Check the Telerik UI for Blazor Roadmap to see a list of components, features and tooling we have planned.

If your feature isn’t listed in the product roadmap, check our dedicated feedback portal. You can upvote existing requested items or If you don’t see your feature on our portal, you can request the feature there.

Blazor DataGrid ComponentGird FeaturesData Grid DocumentationData Grid Demos
Blazor ListView ComponentList View FeaturesListView DocumentationListView Demos
Blazor TreeList ComponentTreeList FeaturesTreeList DocumentationTreeList Demos
Blazor PivotGrid ComponentPivotGrid FeaturesPivotGrid DocumentationPivotGrid Demos
Blazor Filter ComponentFilter FeaturesFilter DocumentationFilter Demos
Blazor Pager ComponentPager FeaturesPager DocumentationPager Demos
Blazor Spreadsheet ComponentSpreadsheet FeaturesSpreadsheet DocumentationSpreadsheet Demos
Blazor DropZoneDropZone FeaturesDropZone DocumentationDropZone Demos
Blazor File ManagerFileManager FeaturesFileManager DocumentationFileManager Demos
Blazor FileUpload ComponentFile Upload FeaturesFileUpload DocumentationFileUpload Demos
Blazor FileSelect ComponentFile Select FeaturesFileSelect DocumentationFileSelect Demos
Blazor Map ComponentMap FeaturesMap DocumentationMap Demos
Blazor Calendar ComponentCalendar FeaturesCalendar DocumentationCalendar Demos
Blazor Gantt ComponentGantt FeaturesGantt DocumentationGantt Demos
Blazor Scheduler ComponentScheduler FeaturesScheduler DocumentationScheduler Demos
Blazor AutoComplete ComponentAutoComplete FeaturesAutoComplete DocumentationAutoComplete Demos
Blazor Checkbox ComponentCheckbox FeaturesCheckbox DocumentationCheckbox Demos
Blazor ColorGradient ComponentColor Gradient FeaturesColor Gradient DocumentationColor Gradient Demos
Blazor ColorPalette ComponentColor Palette FeaturesColorPalette DocumentationColorPalette Demos
Blazor ColorPicker ComponentColor Picker FeaturesColorPicker DocumentationColorPicker Demos
Blazor FlatColorPicker ComponentFlat Color Picker FeaturesFlatColorPicker DocumentationFlatColorPicker Demos
Blazor ListBox ComponentListBox FeaturesListBox DocumentationListBox Demos
Blazor ComboBox ComponentComboBox FeaturesComboBox DocumentationComboBox Demos
Blazor DateInput ComponentDate Input FeaturesDateInput DocumentationDateInput Demos
Blazor DatePicker ComponentDate Picker FeaturesDatePicker DocumentationDatePicker Demos
Blazor DateRangePicker ComponentDateRangePicker FeaturesDateRangePicker DocumentationDateRangePicker Demos
Blazor DateTimePicker ComponentDateTimePicker FeaturesDateTimePicker DocumentationDateTimePicker Demos
Blazor TimePicker ComponentTime Picker FeaturesTimePicker DocumentationTimePicker Demos
Blazor DropDownList ComponentDropDownList FeaturesDropDownList DocumentationDropDownList Demos
Blazor MaskedTextBox ComponentMaskedTextBox FeaturesMaskedTextBox DocumentationMaskedTextBox Demos
Blazor MultiSelect ComponentMulti Select FeaturesMultiSelect DocumentationMultiSelect Demos
Blazor MultiColumnComboBox ComponentMultiColumn ComboBox FeaturesMultiColumn ComboBox DocumentationMultiColumn ComboBox Demos
Blazor NumericTextBox ComponentNumeric TextBox FeaturesNumericTextBox DocumentationNumericTextBox Demos
Blazor RadioGroup ComponentRadio Group FeaturesRadioGroup DocumentationRadioGroup Demos
Blazor Editor ComponentEditor FeaturesEditor DocumentationEditor Demos
Blazor TextArea ComponentText Area FeaturesTextArea DocumentationTextArea Demos
Blazor TextBox ComponentTextBox FeaturesTextBox DocumentationTextBox Demos
Blazor Signature ComponentSignature FeaturesSignature DocumentationSignature Demos
Blazor Slider ComponentSlider FeaturesSlider DocumentationSlider Demos
Blazor RangeSlider ComponentRangeSlider FeaturesRangeSlider DocumentationRangeSlider Demos
Blazor Rating ComponentRating FeaturesRating DocumentationRating Demos
Blazor Switch ComponentSwitch FeaturesSwitch DocumentationSwitch Demos
Blazor ValidationMessage ComponentValidationMessage FeaturesValidationMessage DocumentationValidationMessage Demos
Blazor ValidationSummary ComponentValidationSummary FeaturesValidationSummary DocumentationValidationSummary Demos
Blazor ValidationTooltip ComponentValidationTooltip FeaturesValidationTooltip DocumentationValidationTooltip Demos
Blazor Chart ComponentChart FeaturesChart DocumentationChart Demos
Blazor Area Chart ComponentArea Chart FeaturesAreaChart DocumentationAreaChart Demos
Blazor Bar Chart ComponentBar Chart FeaturesBarChart DocumentationBarChart Demos
Blazor Bubble Chart ComponentBubble Chart FeaturesBubbleChart DocumentationBubbleChart Demos
Blazor Column Chart ComponentColumn Chart FeaturesColumnChart DocumentationColumnChart Demos
Blazor Line Chart ComponentLine Chart FeaturesLineChart DocumentationLineChart Demos
Blazor Donut Chart ComponentDonut Chart FeaturesDonutChart DocumentationDonutChart Demos
Blazor Pie Chart ComponentPie Chart FeaturesPieChart DocumentationPieChart Demos
Blazor Sankey Chart ComponentSankey Chart FeaturesSankeyChart DocumentationSankeyChart Demos
Blazor Stock Chart ComponentStock Chart FeaturesStockChart DocumentationStockChart Demos
Blazor Candlestick Chart ComponentCandlestick Chart FeaturesCandlestick DocumentationCandlestick Demos
Blazor OHLC Chart ComponentOHLC Chart FeaturesOHLC DocumentationOHLC Demos
Blazor Heatmap Chart ComponentHeatmap Chart FeaturesHeatmapChart DocumentationHeatmapChart Demos
Blazor Radar Area Chart ComponentRadarArea Chart FeaturesRadarAreaChart DocumentationRadarAreaChart Demos
Blazor Radar Column Chart ComponentRadarColumn Chart FeaturesRadarColumn DocumentationRadarColumn Demos
Blazor Range Bar Chart ComponentRangeBar Chart FeaturesRangeBar DocumentationRadarColumn Demos
Blazor Range Column Chart ComponentRangeColumn Chart FeaturesRangeColumn DocumentationRangeColumn Demos
Blazor Range Area Chart ComponentRangeArea Chart FeaturesRangeArea DocumentationRangeArea Demos
Blazor Radar Line Chart ComponentRadarLine Chart FeaturesRadarLine DocumentationRadarLine Demos
Blazor Scatter Chart ComponentScatter Chart FeaturesScatterChart DocumentationScatterChart Demos
Blazor Scatter Line Chart ComponentScatterLine Chart FeaturesScatterLineChart DocumentationScatterLineChart Demos
Blazor Waterfall Chart ComponentWaterfall Chart FeaturesWaterfall DocumentationWaterfall Demos
Blazor Barcode ComponentBarcode FeaturesBarcode DocumentationBarcode Demos
Blazor QR Code ComponentQR Code FeaturesQRCode DocumentationQRCode Demos
Blazor ArcGauge ComponentArcGauge FeaturesArcGauge DocumentationArcGauge Demos
Blazor CircularGauge ComponentCircularGauge FeaturesCircularGauge DocumentationCircularGauge Demos
Blazor LinearGauge ComponentLinearGauge FeaturesLinearGauge DocumentationLinearGauge Demos
Blazor RadialGauge ComponentRadialGauge FeaturesRadialGauge DocumentationRadialGauge Demos
Blazor AIPrompt ComponentAIPrompt FeaturesAIPrompt DocumentationAIPrompt Demos
Blazor Badge ComponentBadge FeaturesBadge DocumentationBadge Demos
Blazor ProgressBar ComponentProgressBar FeaturesProgressBar DocumentationProgressBar Demos
Blazor ChunkProgressBar ComponentChunkProgressBar FeaturesChunkProgressBar DocumentationChunkProgressBar Demos
Blazor Loader ComponentLoader FeaturesLoader DocumentationLoader Demos
Blazor LoaderContainer ComponentLoaderContainer FeaturesLoaderContainer DocumentationLoaderContainer Demos
Blazor Notification ComponentNotification FeaturesNotification DocumentationNotification Demos
Blazor Popover ComponentPopover FeaturesPopover DocumentationPopover Demos
Blazor Popup ComponentPopup FeaturesPopup DocumentationPopup Demos
Blazor Tooltip ComponentTooltip FeaturesTooltip DocumentationTooltip Demos
Blazor Skeleton ComponentSkeleton FeaturesSkeleton DocumentationSkeleton Demos
Blazor AppBar ComponentAppBar FeaturesAppBar DocumentationAppBar Demos
Blazor Avatar ComponentAvatar FeaturesAvatar DocumentationAvatar Demos
Blazor Carousel ComponentCarousel FeaturesCarousel DocumentationCarousel Demos
Blazor Card ComponentCard FeaturesCard DocumentationCard Demos
Blazor Animation ContainerAnimation FeaturesAnimation DocumentationAnimation Demos
Blazor Dialog ComponentDialog FeaturesDialog DocumentationDialog Demos
Blazor Form ComponentForm FeaturesForm DocumentationForm Demos
Blazor GridLayout ComponentGridLayout FeaturesGridLayout DocumentationGridLayout Demos
Blazor StackLayout ComponentStackLayout FeaturesStackLayout DocumentationStackLayout Demos
Blazor MediaQuery ComponentMediaQuery FeaturesMediaQuery DocumentationMediaQuery Demos
Blazor Splitter ComponentSplitter FeaturesSplitter DocumentationSplitter Demos
Blazor TileLayout ComponentTileLayout FeaturesTileLayout DocumentationTileLayout Demos
Blazor Window ComponentWindow FeaturesWindow DocumentationWindow Demos
Blazor FontIcon ComponentFontIcon FeaturesFontIcon DocumentationFontIcon Demos
Blazor SvgIcon ComponentSvgIcon FeaturesSvgIcon DocumentationSvgIcon Demos
Blazor FloatingLabel ComponentFloatingLabel FeaturesFloatingLabel DocumentationFloatingLabel Demos
Blazor Breadcrumb ComponentBreadcrumb FeaturesBreadcrumb DocumentationBreadcrumb Demos
Blazor Button ComponentButton FeaturesButton DocumentationButton Demos
Blazor ButtonGroup ComponentButtonGroup FeaturesButtonGroup DocumentationButtonGroup Demos
Blazor Chip ComponentChip FeaturesChip DocumentationChip Demos
Blazor ChipList ComponentChipList FeaturesChipList DocumentationChipList Demos
Blazor SplitButton ComponentSplitButton FeaturesSplitButton DocumentationSplitButton Demos
Blazor ToggleButton ComponentToggleButton FeaturesToggleButton DocumentationToggleButton Demos
Blazor ContextMenu ComponentContextMenu FeaturesContextMenu DocumentationContextMenu Demos
Blazor Menu ComponentMenu FeaturesMenu DocumentationMenu Demos
Blazor Drawer ComponentDrawer FeaturesDrawer DocumentationDrawer Demos
Blazor DropDownButton ComponentDropDownButton FeaturesDropDownButton DocumentationDropDownButton Demos
Blazor PanelBar ComponentPanelBar FeaturesPanelBar DocumentationPanelBar Demos
Blazor TabStrip ComponentTabStrip FeaturesTabStrip DocumentationTabStrip Demos
Blazor Toolbar ComponentToolbar FeaturesToolbar DocumentationToolbar Demos
Blazor TreeView ComponentTreeView FeaturesTreeView DocumentationTreeView Demos
Blazor Stepper ComponentStepper FeaturesStepper DocumentationStepper Demos
Blazor Wizard ComponentWizard FeaturesWizard DocumentationWizard Demos
Blazor PDF Viewer ComponentPDF Viewer FeaturesPDF Viewer DocumentationPDF Viewer Demos

As part of your Telerik UI for Blazor trial or licensed copy you get access to several document processing libraries that allow you to convert, manage and export data to different file formats.

Blazor PDF Processing LibraryPDF Processing FeaturesPDF Processing DocumentationPDF Processing Demos
Blazor Spread Processing LibrarySpread Processing FeaturesSpread Processing DocumentationSpread Processing Demos
Blazor SpreadStream Processing LibrarySpreadStream Processing FeaturesSpreadStream Processing DocumentationSpreadStream Processing Demos
Blazor Words Processing LibraryWords Processing FeaturesWords Processing DocumentationWords Processing Demos
Blazor Zip LibraryZip Library FeaturesZip Library DocumentationZip Library Demos

Telerik Ui for Blazor includes three built-in themes: Blazor Default Theme, Material and Bootstrap Themes, as well as multiple color swatches including "Ocean Blue" targeting accessibility compliance.

3 Telerik UI Design Kits for FigmaTelerik UI Figma Design KitsDocumentation
Blazor ThemeBuilderApply Your Brand ColorsTelerik UI for Blazor ThemeBuilder App

We created the Blazor Dasard Application following the best practices of building UI with Telerik UI for Blazor components, which makes it a fantastic learning resource. You can see a complete task tracking application and how easy it is to set up complex components such as the Data Grid (Table), Charts, or Forms.

Blazor Dashboard sample

The Blazor Financial Portfolio Application is a progressive web app (PWA) which shows how to create fast, beautiful and dynamic financial dasards. It takes full advantage of Blazor's fast rendering and shows dynamic data updates in real time which allows monitoring data with no visible delay.

Financial portfolio sample

The Blazor Coffee Warehouse Application is a coffee warehouse management application that shows CRUD operations over various data grids and other components, visualizations with Charts and everything else you would need for a warehouse.

Blazor Coffee App

The projects usually reference a commercial version of UI for Blazor components. If you only have a trial license, replace the reference to the NuGet package and to the JS Interop file and/or Theme accordingly.

The references (both to Telerik UI for Blazor, and the .NET framework) are usually up-to-date for the time of creation. You may need to update to their latest versions and make any necessary changes. The Blazor framework is evolving rapidly and these examples may not get their references updated all the time. Nevertheless, the general approaches should remain valid, barring breaking changes in the framework.

Issues and Pull Requests are welcome.

To submit a pull request, you should first fork the repo.

Telerik UI for Blazor is a commercial UI library. To use the components, you need to either register for a free trial or purchase a license.

The 30-day free trial can be obtained from Telerik UI for Blazor product page and gives you access to all Telerik UI for Blazor components and their full functionality. For more infromation regarding the available license and budnle options you can review the product pricing page.

For both active trialist and license holders you get access to our legendary technical support provided directly by the UI for Blazor dev team!