Nevron Logo

Free Blazor WebAssembly UI Controls

NOV UI Controls for Blazor WebAssembly

User Interface Components for web application development


Start developing enterprise level web applications with NOV Blazor WebAssembly UI Controls!

The NOV Blazor WebAssembly controls provide unmatched performance and the latest GUI technologies to your web applications.
NOV UI Controls for Blazor WebAssembly

User Interface Components for web application development


Start developing enterprise level web applications with NOV Blazor WebAssembly UI Controls!

The NOV Blazor WebAssembly controls provide unmatched performance and the latest GUI technologies to your web applications.
Images widgets

NOV Blazor WebAssembly UI Controls
A complete and feature-rich set of Blazor WebAssembly User Interface Controls

When it comes to developing enterprise level, visually stunning and immersive web applications, the NOV UI Framework will do the job right.

NOV comes with Blazor WebAssembly Example Solution, including hundreds of examples with source code. It will help with your web application development. Whether you are working on a new or extending an existing Blazor WebAssembly project - you can integrate NOV Blazor WebAssembly UI Controls into existing web applications.

The NOV Framework will help your web application development and allow you to start with your cross-platform .NET development and target multiple platforms and devices.

That is correct - when you start developing with NOV, you will be able to build cross-platform applications and User Interfaces using a single code base.

Currently NOV includes the following UI Widgets for Blazor WebAssembly:
CursorCursor
Date Time BoxDate Time Box
Dock PanelDock Panel
Document BoxDocument Box
Drag and DropDrag And Drop
File DialogFile Dialogs
Flow PanelFlow Panel
Group BoxGroup Box
Image BoxImage Box
LabelLabel Box
Layout PanelLayout Panels
List BoxList Box
Menu BarMenu Bar
Message BoxMessage Box
Meta Image BoxMeta Image Box
Numeric up downNumeric Up Down
Pair BoxPair Box
Print DialogPrint Dialog
Progress BarProgress Bar
Radio ButtonRadio Button
Range SliderRange Slider
Scroll ContentScroll Content
Split ButtonSplit Buttons
SplitterSplitter
Stack PanelStack Panel
SymbolsSymbols
TabTab
Table PanelTable Panel
Text BoxText Box
Tool BarTool Bar
TooltipTooltip
Tree ViewTree View
User PanelUser Panels
WindowsWindows

Blazor WebAssembly Ribbon

Nov ui widgets ribbon small

The Blazor WebAssembly Ribbon is a widget that lets developers easily enrich their web applications with Microsoft Office-like Ribbon UI. NOV Blazor WebAssembly Ribbon is fully customizable and scales its child widgets automatically based on the available area. The resizing of the Ribbon is fully customizable as well.

The Blazor WebAssembly Ribbon consists of the following main elements:
  • Application Menu
  • Ribbon Tab
  • Collapse Button
  • Additional Content
  • Ribbon Group
  • Dialog Launcher
  • Ribbon Wrap Flow Panel
  • Ribbon Stack Panel
  • Ribbon Button
  • Ribbon Split Button
  • Ribbon Menu
  • Ribbon Gallery

Blazor WebAssembly Buttons

Buttons small

The Blazor WebAssembly Buttons are widgets typically used to perform a particular action when clicked. NOV features a complete set of buttons that can contain arbitrary content (i.e., other widgets). The main types of buttons include:
  • Standard buttons
  • Repeat buttons
  • Toggle buttons
  • Check boxes
  • Radio buttons
  • Split buttons
  • Other buttons

Blazor WebAssembly Color Pickers

Color Pickers small

The Blazor WebAssembly Color pickers are widgets that allow the user to pick a color by modifying one or all of its color components through a visual interface.
  • Palette Color Picker
  • Luminance Color Bar
  • Hue Color Bar
  • Saturation-Brightness Color Box
  • HSB Box Color Picker
  • HSB Wheel Color Picker
  • Color Box

Blazor WebAssembly Command Bars

Command Bars small

NOV implements advanced Blazor WebAssembly command bars that mimic the commanding logic of Microsoft Office 2003, Visual Studio, etc. NOV Blazor WebAssembly command bars can contain any other widget and support many advanced features. Specific subtypes of commands bars include:
  • Menu Bar
  • Tool Bar
  • Status Bar

Blazor WebAssembly Containers

Containers small

The Blazor WebAssembly Container widgets are used to contain other widgets and provide different adorner features to their content.
  • Group Box
  • Pair Box
  • Uni Size Box
  • Splitter
  • Tab
  • Document Box
  • Scroll Content
  • And many other...

Blazor WebAssembly Context Popups

Context Popups small

The Blazor WebAssembly context popups are Popup Windows opened in a context fashion. Context popups are usually used for:
  • Context Menus
  • Custom Context Popups

Blazor WebAssembly Drop Down Edits

Drop down Edits small

The Blazor WebAssembly drop-down edits consist of a specific editing area and a drop-down button on the right side. When the drop-down button is clicked, the drop-down edit opens a popup window, which assists the user with the editing. Notable drop-down edits are:
  • Combo Box
  • Date Time Box
  • Color Box
  • Split Buttons

Blazor WebAssembly Layout Panels

Panels small

The Blazor WebAssembly layout panels are used to arrange content. The layout panels included in NOV have unique features that are a product of our long-term dedication to automatic layouts.
  • Panel
  • Single Visible Panel
  • Dock Panel
  • Stack Panel
  • Wrap Flow Panel
  • Table Flow Panel

Blazor WebAssembly Range Based Widgets

Range Based small

The Blazor WebAssembly range based widgets are widgets, which display a range and a current value. Notable range based widgets are:
  • Scrollbars
  • Slider
  • Numeric Up Down
  • Progress Bar

Blazor WebAssembly Text Visualization and Editing

Text Widgets small

The NOV Blazor WebAssembly Label and Text Box widgets allow for the visualization and editing of Unicode text. They are based on our proprietary managed Typography and are the only Label and Text Box in the .NET world that can guarantee 100% identical text quality and speed in all environments.
  • Label
  • Text Box
  • Auto Complete Text Box

Blazor WebAssembly List Box

List Box small

The Blazor WebAssembly List Box presents the user with a list of items he can choose from. The items of the NOV WPF List Box can be any other widget. Supported are single and multiple selection modes.

Blazor WebAssembly Tree View

The Blazor WebAssembly Tree View is used to visualize a tree hierarchy. Users can navigate the hierarchy visually by expanding and collapsing certain tree branches. The items of the NOV WPF Tree View can be any other widget.

UI for WPF Themes

Themes small

NOV WPF widgets are styled with CSS. NOV initially comes with the following themes:
  • Windows 8
  • Windows 7
  • Windows XP Blue
  • Windows Classic (with all color scheme variations)
  • macOS X Lion
  • macOS X El Capitan
  • Nevron Dark
  • Nevron Light

Miscellaneous Blazor WebAssembly UI features

Miscellaneous Blazor WebAssembly UI features that apply to all types of widgets include:
  • Borders – an implementation of the W3C borders specification, with many additional enhancements.
  • Commanding – an extensive framework for implementing diverse commanding logic in Enterprise applications.
  • Tooltips – virtualized support for tooltips with many advanced features.
  • Cursors – virtualized support for cursors.
  • Clipboard – virtualized support for clipboard.
  • Drag and Drop– virtualized support for drag and drop.

Customer Quotes:

QUOTE I really like the fact that standard windows icons are provided with the NOV Ribbon example, avoiding the need to recreate the wheel and giving a more professional appearance. Using the provided Visual Studio NOV solution, it is fairly straightforward to add custom icons with a few extra simple steps. The gallery of C# examples for all controls makes it easy to create custom layouts. For the handful of customizations I could not find in the examples or user forums, the tech support responses got me going within a day. UNQUOTE

Jay Wilson
K2realm, LLC