Build High-Performance Applications with 100+ Fast, Flexible JavaScript UI Components

Discover a comprehensive JavaScript UI library for front-end UI development, including charts, grids, input, OLAP, and maps.

 Official support for  React,  Vue,  Next.js,  Nuxt,  Angular

Supports filter, group, and sort functions

Supports 100+ UI controls including grids, 80+ charts, reports, input forms, calendars, and OLAP.

Wijmo Quick Start

Getting Started with JavaScript UI Controls

1 Download Wijmo Files
2 Reference Wijmo Files
3 Add Host Element
4 Initialize Controls and Bind Data

  • Download the Wijmo files , unzip them, and copy them into a folder within your application.

    - scripts/vendor folder : Required Wijmo script files
    - styles folder : wijmo.min.css (Wijmo CSS file)

    Also, create an “app.js” file that handles various Wijmo control features and add it to the scripts folder.

  • In the <head> section at the top of the HTML file, load the Wijmo CSS and script files as shown below.
    In addition to Wijmo modules, also reference the “app.js” file created earlier.

     <!-- Wijmo Reference (Required) -->
<link href="styles/wijmo.min.css" rel="stylesheet"/>
<script src="scripts/vendor/controls/wijmo.min.js"></script>

<!-- Wijmo Controls (Optional, add only the controls you need) -->
<script src="scripts/vendor/controls/wijmo.grid.min.js"></script>
<script src="scripts/vendor/controls/wijmo.chart.min.js"></script>
<script src="scripts/vendor/controls/wijmo.input.min.js"></script>
<script src="scripts/vendor/controls/wijmo.gauge.min.js"></script>

<!-- Wijmo Custom Culture (Optional, add desired culture) -->
<script src="scripts/vendor/controls/cultures/wijmo.culture.ko.min.js"></script>

<!-- Add app.js (Required) -->
<script src="scripts/app.js"></script>

  • In the <body> section at the bottom of the HTML file, add a host element and set its id as shown below.

     <div id="hostElement" style=”height: 600px”></div>

  • In the app.js file, initialize the Wijmo controls and generate sample data.

    The following code initializes a FlexGrid.
    For detailed code for each control, click the corresponding tab in the sample below.

    Sample Code >

     var theGrid = new FlexGrid('#theGrid', {
    autoGenerateColumns: true,
    itemsSource: data       
});

Complete Code Samples

Area

Donut

Grid

Gauge

Bar

Why Should I Use Wijmo?

With Wijmo, the only complete JavaScript control that incorporates all the latest front-end development technologies.

From web to mobile, you can develop complete web solutions without compromising performance.

  • Fast and Lightweight JavaScript Components

    Wijmo components never inflate the size of your web app! Built for maximum performance, Wijmo components have no dependencies, are built to be small, scalable and performant.

  • Flexible and Extensible API

    A readable and flexible API has a low learning curve, and each component supports as many extension points as possible.

  • Support for Various Frameworks

    Built to be framework-agnostic, Wijmo fully supports popular JavaScript frameworks like Angular, React, Vue, Next.js, and Nuxt.


    React | Vue | Next.js | Nuxt | Angular

  • Security Level

    Content Security Policy (CSP) allows developers to detect and mitigate specific types of attacks, including cross-site scripting (XSS) and data injection attacks. Wijmo is fully CSP compliant. PDF Security also provides the ability for users and owners to password-protect PDF files.

  • Friendly and Accessible Touch-First UI

    Charts, data grids, and various components are designed mobile-first, with familiar features and UI, including Excel-like filtering, sorting, and merging, and are ARIA-compliant.

  • State-of-the-art True JavaScript Components written in TypeScript

    TypeScript allows you to develop with a C#/Java-like feel, while also providing design-time error checking and full IntelliSense. Wijmo, a true JavaScript component, is written in accordance with the ECMAScript 6 standard.

JavaScript framework support

Wijmo is built to be framework-agnostic, offering full support for popular JavaScript frameworks like React, Vue, Next.js, Nuxt, Angular.

Ask Anything!

Share your vague concerns and questions about Spread.NET with MESCIUS's expert team. We empathize with your concerns and are here to help.

Online Consultation

FlexGrid

The Fastest and Most Flexible JavaScript Data Grid

The best JavaScript data grid (table) with built-in sorting, formatting, paging and flexible data binding.

FlexChart

80+ High-Performance JavaScript Charts

With over 80+ different charts, you can effectively visualize the data you want.

FlexMap

JavaScript Map Control for Geographic Data Visualization

Use map controls to visualize geographic data for easier analysis.

OLAP

High-Performance JavaScript Pivot Tables and Charts Similar to Excel

Analyze and process massive amounts of data in milliseconds without relying on the server side.

Input

Powerful JavaScript Input Components

Includes various input controls required in the frontend, such as autocomplete, color palette (picker), date/time, mask, menu, and multi-select.

Easily Customize Wijmo Controls!

Easily create design themes using the Wijmo CSS Theme Designer and apply the created CSS to your Wijmo controls!

Try It Now

Easily customize the settings of Wijmo controls using the Wijmo Control Properties Editor. You can modify and check the settings for over 20 different controls. Download these settings and quickly and easily apply them to your web without any additional coding.

Try It Now

Wijmo Tutorial

You can check out the demo and learn how to implement it in practice through the tutorial.


Provides code for Angular, React, and Vue frameworks.

Online Tutorial

Referencing the Wijmo Library

Ask Anything!

Share your vague concerns and questions about Spread.NET with MESCIUS's expert team. We empathize with your concerns and are here to help.

Online Consultation

Wijmo Templates & Samples

We provide various templates and samples using Wijmo.

You can check out the demo, download the source code, and customize it yourself.


Check out our templates & samples and apply them to your web applications!

Read More

Wijmo 2025 v1 New features

  • Official support for Angular 19
  • Official support for Next.js 15
  • React cleanup callback support
  • FlexGrid empty data message
  • Add the noDataOverlayContent property
  • Add overlayManager class
  • FlexGrid 3-stage state sorting
  • Alignment Behavior - Click Pattern Support
  • Changing the order - introducing the sortOrder property
  • Accessibility improvements for FlexGrid, CollectionViewNavigator, and Glyphs
  • Other changes, change logs, npm package scope changes, etc.
Read More

Our Customers

YEOGISTUDY

Smart Online Education Bachelor's Management Solution

#Education #Report #Dashboard

SW Development Company

Online Commerce AI Big Data Analysis Solution

#Distribution #Excel #Dashboard

GROWTH

Infrastructure Solutions

#SW development #Manufacturing

Introduction Case

Explore more MESCIUS product adoption examples.

Wijmo Pricing and Licenses

If you want to create JavaScript-based web solutions using Wijmo's UI controls, you will need to purchase both a developer license and a deployment license.

* All amounts are exclusive of VAT.

Developer License

This is the license required to use the official Wijmo JavaScript library.

$1,070

* You must purchase 1 copy per developer.

Distribution License

This is a license required to deploy Wijmo's controls on a server, and must be purchased for each domain address or IP address that will ultimately be served.

$710

* Once registered, domains and IPs cannot be modified.

* Please make sure to do a final check before requesting.

Application for Distribution Key Issuance

To deploy Wijmo controls on a server, you must purchase a deployment license and receive a deployment key.

Please apply for a distribution key through the distribution key issuance portal.

Introduction Inquiry

If you need more detailed product and purchase advice regarding Wijmo, please contact us using a method that is convenient for you.

Purchase Procedure

Click on each button to see detailed information about each step of the purchasing process.

  • 1. Price confirmation and quote request

    Please request a quotation using any of the methods below that are convenient for you.


  • 2. Order Request

    Please send the following three items to Email (sales-kor@mescius.com)


    1. Signed quotation (authorized signatory or company seal)
    2. Copy of business registration certificate (for companies)
    3. End-User information:

              1) Company Name (in English):

              2) Contact Person (in English):

              3)E-mail:


    Once your order request is received, we will issue the invoice via email.

  • 3. Payment

    Bank Transfer


    Please make the payment to the account number indicated on the invoice you received.


  • 4. License issuance & Tax invoice issuance

    After payment is confirmed, we will send you an email with license issuance details.


    *To deploy the Wijmo control on a server, you must purchase a deployment license and obtain a deployment key. Please request your deployment key through the Deployment Key Portal.


Controls for Web Developers

  • SpreadJS

    Pure JavaScript-based Web-Excel Component
    • Supports Excel import/export
    • Supports 450 Excel functions
    • Supports Angular, React, and VueJS
    Learn More

  • ActiveReportsJS

    JavaScript-based Business Reporting Component
    • Supports Angular, React, and Vue
    • Provides a cross-platform designer program
    • Provides a JavaScript report viewer
    Learn More

  • Forguncy

    Build Business Web Apps with Excel — No Coding Needed
    • Turn Excel features into fast, powerful web apps
    • Start web development — no HTML or CSS required
    • Unify and collect your business data with ease
    Learn More

  • DsExcel

    High-Performance Excel Spreadsheet API for Java, Kotlin, and .NET
    • Create, load, edit, and save spreadsheets
    • Parse, convert, and share spreadsheets
    • Calculate formulas and format cells
    DsExcel Java
    DsExcel .NET