Free Webinar: Get Started with JavaScript Frameworks (and select one for your team) REGISTER NOW

Wijmo 5

The Next Generation of JavaScript Controls

Deliver next-generation HTML5 applications with Wijmo 5, a collection of true JavaScript controls written in TypeScript and built for speed. With touch-first design and full Angular support, these lightweight controls will blow you away with their power and flexibility.

Already purchased Wijmo? Download it here.

Read about our interop support: Angular ReactJS VueJS


Wijmo 5: Fast, Flexible, Familiar JavaScript Controls

Fast and Lightweight

  • We build small: our most popular control, FlexGrid, has a base size of <150 KB.
  • Our true JavaScript controls are built in TypeScript and have no dependencies.
  • Wijmo’s controls are lightning-fast. Try the benchmark demo.

Flexible and Extensible

  • Our easy-to-read, flexible API has a low learning curve and allows you to extend controls to meet your needs.
  • Controls are designed to have a simple core with as many extensibility points as possible. FlexGrid’s core has all the standard features of a data grid, but complex filtering, grouping, and more, are available as extensions.

Familiar and Easy-to-Use

  • Become a Wijmo expert with Learn Wijmo
  • FlexChart aims for parity with Excel’s charts
  • FlexGrid and FlexSheet offer Excel-like filtering, sorting, and merging
  • Input controls are designed so that you can customize to your user’s needs

Wijmo FlexChart's performance on 10,000 data points (expressed in seconds)

Wijmo FlexChart’s performance on 10,000 data points (expressed in seconds)

Basic FlexGrid

Wijmo FlexGrid



Download Free Trial

First-Class Framework Support

Wijmo is framework-agnostic, and we continue to add support for new frameworks. Here’s a look at our current framework support.

AngularJS and Angular

Wijmo’s Explorer fully supports Angular. In addition, we ship and maintain AngularJS directives for all of our controls and use it in most of our samples.

Read more about our first-class Angular Support.

ReactJS

Our controls are fully supported in ReactJS, including FlexGrid, FlexChart, Input, and Gauges.

Read more about our ReactJS Support.

More Interop Options

We’re always thinking about new directions for Wijmo.

VueJS: How to Create Great VueJS Applications Using Wijmo Controls

KnockoutJS: Read about our Knockout support

FlexGrid’s Declarative Markup in Angular 2

FlexGrid’s Declarative Markup in Angular 2


Download Free Trial

True JavaScript Controls Written In TypeScript

Large-scale, client and server side applications are possible with Wijmo 5. We built on TypeScript for a better coding experience, and to save you time.

What you’ll get with TypeScript:

  • Object-oriented C#-like feel
  • Design-time error checking
  • Complete IntelliSense for Wijmo in Visual Studio
  • True JavaScript Controls

    The ECMAScript 5 standard adds support for property getters and setters. This may seem like a small change, but it makes a huge difference. It’s given us the opportunity to create true JavaScript controls.

    Additional Benefits of Wijmo 5:

    • ICollectionView provides a familiar experience for .NET developers migrating to HTML5
    • All Wijmo 5 controls can be bound to CollectionView

    New control syntax vs old widget pattern

    New control syntax vs old widget pattern


    Download Free Trial

    Demos

    Browse, search, view source code and run all of our samples using the Wijmo 5 Sample Explorer.

    Wijmo Control Explorer

    Wijmo 5 Control Explorer

    Shows how to use all the controls in Wijmo 5, as well as the infrastructure shared by all the controls.

    Run Demo  |  About the Demo

    FlexGrid JavaScript Data Grid

    FlexGrid 101

    Perform common tasks with FlexGrid, our fast and flexible data-bound grid control.

    Run Demo  |  About the Demo

    Wijmo FlexChart JavaScript Chart

    FlexChart 101

    Perform common tasks with FlexChart, our beautiful and easy-to-use chart control.

    Run Demo  |  About the Demo

    Wijmo FlexPie JavaScript Pie Chart

    FlexPie 101

    Get started with FlexPie, our flexible pie chart control.

    Run Demo  |  About the Demo

    Wijmo JavaScript Gauge Control

    Gauge 101

    Get started with LinearGauge and RadialGauge, our smart and flexible gauge controls.

    Run Demo  |  About the Demo

    Wijmo JavaScript Input Control

    Input 101

    Perform common tasks with all the Input controls in Wijmo 5.

    Run Demo  |  About the Demo

    Wijmo JavaScript CollectionView Control

    CollectionView 101

    Get started with CollectionView, our .NET-like class that uses regular JavaScript arrays as data sources.

    Run Demo  |  About the Demo

    Wijmo JavaScript TreeView Control

    TreeView 101

    Get started with TreeView, our hierarchical navigation tree with collapse/expand, full formatting, and image options.

    Run Demo  |  About the Demo



    What Our Customers Say

    Thomson Reuters
    “We rely on functionality of Wijmo 5’s FlexGrid in our massive next-generation platform products. Wijmo’s modern, full-featured FlexGrid with sophisticated grid manipulations is what you will find at the heart of our workflow.”

    — Aaron Mendez, Manager of User Experience, Thomson Reuters

    Cisco
    “We purchased Wijmo and their team is doing a great job: good-looking, well-thought-out architecture; documentation; keeping up with ever-changing landscape like no others.”

    — BJ Jeong, Cisco

    Our Customers

    Our Customers



    What’s New in Build 293

    New Samples

    Use the SampleExplorer to search, filter by framework and even browse source code for all of our samples.

    Breaking Changes

    • Changed default style for FlexChart’s minor grid line from dashed to solid. The new default looks better in most applications; if anyone prefers the old style, it can be restored with this CSS rule:
      /* old-style minor grid line */
      .wj-flexchart .wj-axis-x .wj-gridline-minor {
          stroke: black;
          stroke-dasharray: 6;
          stroke-width: 0.25px;
      }
      

    Change Log

    • [Documentation] New Learn Wijmo app with over 300 lessons including fiddles that introduce the main features in all Wijmo modules. Learn Wijmo Blog | Learn Wijmo
    • [TypeScript] Library has been adapted to TypeScript 2.2.
    • [Angular] Angular samples’ package.json have been upgraded to Angular 4. Angular resources
    • [React] External modules for the React interop are included in Wijmo NpmImages (module names begin with “wijmo.react”). Added the ReactExternalModules sample demonstrating how to use them with WebPack 2 and SystemJS. React External Modules Sample
    • [Vue2] External modules for the Vue2 interop are included in Wijmo NpmImages (module names begin with “wijmo.vue2”). Added the Vue2ExternalModules sample demonstrating how to use them with WebPack 2 and SystemJS. Vue2 External Modules Sample
    • [PdfExport sample] Added new samples: “Custom cell content”, “Customize cell rendering” and “Drawing cells manually”. PDF Export Sample
    • [wijmo.grid.xlsx] Added a possibility to perform custom cell content export (via IFlexGridXlsxOptions.formatItem callback). The Angular 2 ExcelImportExport sample, “FlexGrid Import Export (JSZip3)” page is updated to demonstrate the feature (check on the “Custom cell content” checkbox).
    • [wijmo.grid.pdf] Added customCellContent and formatItem properties to the IFlexGridDrawSettings interface.
    • Improved keyboard handling/accessibility in MultiSelect control.
    • Added support for CTRL+A key to check/uncheck all items in MultiSelect and ListBox controls.
    • Added border support for xlsx importing. (TFS 238473)
    • Disable (rather than hide) ComboBox drop-down button when list is empty. This reduces flicker in some scenarios, especially in AutoComplete.
    • Added sumProduct formula in FlexSheet inbuilt formula. (TFS 237586)
    • Optimized wijmo.grid.DataMap.getDisplayValue(key) performance.
    • Optimized grid touch operations when used with DragDropTouch polyfill.

    View Changelog History