About Telerik UI for Blazor

Develop high-performing applications in half the time with this collection of truly native, fully customizable Blazor UI components.

Telerik UI for Blazor will help you cut development time and cost in half. With the Telerik high-performing Grid and 90+ truly native, easy-to-customize UI components, Telerik UI for Blazor has the components you need to cover any app scenario. Telerik UI for Blazor also includes Design Kits for Figma as well as Document Processing Library, Telerik REPL for Blazor, Accessibility and Keyboard Navigation, theming, virtual classroom training, detailed documentation, demos, knowledge bases, world-class support, and more.

Telerik UI for Blazor Key Features:

  • 100+ fully accessible and customizable components.
  • Document Processing Libraries.
  • Design Kits for Figma.
  • Telerik REPL for Blazor.
  • Theme Builder Tool for effortless customization.
  • Microsft Visual Studio & Visual Studio Code Extension Wizards.
  • Intuitive API.
  • World-class Technical Support.
  • Detailed documentation, code samples, demos and knowledge bases.
  • Included source code for components.
  • Free online technical training for active trialists and license users.
  • Built-in professionally styled themes including Default Bootstrap and Material.
  • Compliance with WCAG 2.0, Section 508 and WAI-ARIA accessibility standards.
  • Compatibility with multiple .NET versions.
  • Support for Microsoft Windows, macOS and Linux.
  • Accessibility & Keyboard navigation.

Telerik REPL for Blazor
Take advantage of the Telerik REPL for Blazor – a programming browser-based environment where you can test ideas, share examples, play and experiment with Telerik UI components and share your code snippets.

Document Processing Libraries
Telerik UI for Blazor includes several document processing libraries, which eliminate the requirement for third-party applications. Telerik Document Processing comes with a complete set of APIs for the most commonly used document formats such as PDF, XLSX, DOCX, HTML, CSV, RTF, TXT, and ZIP. The libraries are free and cover all .NET technologies for web, desktop, and mobile.

Telerik UI Kits for Figma
Telerik UI Kits for Figma are design files that make it easier for app developers and designers to cooperate by allowing the design to be seamlessly transferred to the developers. Each UI kit is a visual representation of Telerik Blazor components. The three Telerik UI Kits available for Figma are Telerik UI Kit Default, Bootstrap, and Material, one for each of the themes offered with the Blazor UI component library.

Popular UI Components include:

  • Grid - 100+ features, ranging from sorting and filtering to hierarchy and export, allow for flexible data presentation and manipulation. Each feature is thoroughly described and simple to use. This comprehensive control can be easily built up to cover a range of use cases thanks to support for paging, sorting, filtering, lazy loading, rows drag and drop, flexible data binding to any data source, and many other capabilities.
  • Charts - Telerik Blazor Charts are easy to use and provide a wide range of chart kinds and flexible data binding so you can simply integrate them into your WebAssembly (WASM) and Server-side Blazor dashboards. Many various visualization options and chart types are available in the Telerik Blazor Chart component, including Column, Bar, Pie, Donut, Area, Line, Scatter, Scatter Line, Bubble, Radar, Stock and more.
  • Scheduler - In both WebAssembly (WASM) and Server-side Blazor projects, the Telerik Blazor Scheduler component displays a set of events and resources over time so you can manage (update) appointments, agendas, your workday, and shared resources like meeting rooms. Editing, resizing, formatting, recurrence, grouping, different views, and more options are all available.
  • Calendar – The Telerik Blazor Calendar component displays the number of days in a month, months in a year, and even years in a decade. It has several calendar view options, including month, year, and decade, to help you easily find the day you want. To limit specific date selection, the Calendar supports minimum, maximum, and disabled dates. You may look at the time, choose dates, and view everything in your own culture and language.
  • Date and Time Pickers - Allow users to select a date, times or many dates from a calendar using the Blazor DatePicker component as well as the DateRangePicker and the DateTimePicker. The DateRangePicker enables you to select date periods and edit date ranges, while the DateTimePicker allows for time and date input with its effortless navigation.
  • TileLayout- Telerik UI for Blazor TileLayout is a configurable container that may be used to create dashboards. It keeps a collection of Tiles of varying sizes, each of which usually displays certain information. The end user can rearrange the layout by dragging and dropping tiles to best suit their work style. Each Tile's content can be as simple as plain text or as sophisticated as a mix of several different controls, such as a Grid and a TreeList.
  • Gantt- The Telerik UI for Blazor Gantt component is a sophisticated management tool that is particularly effective for visualizing tasks that are part of the project management process. The component includes TreeList and Timeline views, allowing end users to quickly observe the project start/end date, task progress, task dependencies, milestones, and other project components.
  • Carousel- You may use the Telerik UI for Blazor Carousel component to show and scroll through a collection of photos or other rich material in an attractive way. A pager, navigation arrows, or a mix of both can be displayed. You can also activate limitless scrolling and modify the carousel pages manually or automatically. It has paging, automated page change, time interval setup, and out-of-the-box keyboard navigation support, among other features.
  • Breadcrumb – Telerik Blazor’s Breadcrumb is a navigational component that shows the user's current location within your app. Breadcrumb navigation allows users to explore complicated apps and websites quickly and effortlessly. Personalize the component by using one of the available templates (ItemTemplate and SeparatorTemplate) to control both the rendering of the items and the space between them. Choose between already built-in themes and various swatches or create you own, following your branding requirements.
  • Dialog - Display information to the user and providing multiple options for customization such as width, height, title, visibility, content and action buttons templates, close on overlay click and more.

Native UI Blazor Components

Data Management

  • Filter
  • Grid
  • ListView
  • Pager
  • TreeList

Scheduling

  • Calendar
  • Gantt
  • Scheduler

Editors

  • AutoComplete
  • CheckBox
  • ColorGradient
  • ColorPalette
  • ColorPicker
  • ComboBox
  • DateInput
  • DatePicker
  • DateRange Picker
  • DateTimePicker
  • DropDownList
  • File Upload
  • FileSelect
  • FlatColorPicker
  • MaskedTextBox
  • MultiColumn ComboBox
  • MultiSelect
  • Numeric TextBox
  • RadioGroup
  • Rich Text Editor
  • Signature
  • TextArea
  • TextBox
  • TimePicker

Data Visualization

  • Area Chart
  • Bar Chart
  • Barcode
  • Bubble Chart
  • Candlestick Chart
  • Chart
  • Column Chart
  • Donut Chart
  • Heatmap
  • Line Chart
  • OHLC Chart
  • Pie Chart
  • QR Code
  • Radar Area Chart
  • Radar Column Chart
  • Radar Line Chart
  • Scatter Chart
  • Scatter Line Chart
  • Stock Chart

Interactivity & UX

  • ChunkProgressBar
  • Dialog
  • Loader
  • Loader Container
  • Notification
  • ProgressBar
  • RangeSlider
  • Skeleton
  • Slider
  • ValidationMessage
  • ValidationSummary
  • ValidationTooltip

Navigation

  • Breadcrumb
  • Button Group
  • Buttons
  • Chip
  • ChipList
  • Context Menu
  • Drawer
  • Menu
  • Split Button
  • Stepper
  • Switch
  • TabStrip
  • Toggle Button
  • ToolBar
  • TreeView

Layout

  • Animation Container
  • Avatar
  • Card
  • Carousel
  • Form
  • GridLayout
  • MediaQuery
  • PanelBar
  • Splitter
  • StackLayout
  • TileLayout
  • Tooltip
  • Window
  • Wizard

Geo Visualization

  • Map

Document Processing

  • PDFProcessing
  • SpreadProcessing
  • SpreadStreamProcessing
  • WordsProcessing
  • ZipLibrary

PDF

  • PDF Viewer

Productivity Tools

  • Visual Studio Code

Gauges

  • Arc Gauge
  • Circular Gauge
  • Linear Gauge
  • Radial Gauge

Labels

  • FloatingLabel

Icons

  • FontIcon
  • SVGIcon

File Management

  • File Manager