100 UI controls including JavaScript grids, charts, and OLAP for fast, high-volume data visualization.

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, and Angular

Supports filter, group, and sort functions

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

Wijmo supports Angular 19 and Next.js 15 2025 v1 It's been released!

Wijmo Quick Start

Getting Started with JavaScript UI Controls

1 Wijmo 파일 다운로드
2 Wijmo 파일 레퍼런싱
3 호스트 요소 추가
4 컨트롤 초기화 처리 및 데이터 바인딩

  • Wijmo 파일을 다운로드 하여 압축을 해제한 후, 응용 프로그램 내의 폴더에 복사합니다.

    - scripts/vendor 폴더 : 필요한 Wijmo 스크립트 파일들
    - styles 폴더 : wijmo.min.css (Wijmo CSS 파일)

    또한, Wijmo 컨트롤의 다양한 기능 처리를 담당하는 “app.js” 파일도 만들어 scripts 폴더에 추가합니다.

  • html 파일 상단 <head> 영역에 아래와 같이 Wijmo CSS 파일과 스크립트 파일을 불러옵니다.
    Wijmo 모듈 외에, 앞서 만든 “app.js” 파일도 참조합니다.

     <!-- Wijmo 레퍼런스 (필수) -->
<link href="styles/wijmo.min.css" rel="stylesheet"/>
<script src="scripts/vendor/controls/wijmo.min.js"></script>

<!-- Wijmo 컨트롤 (옵션, 필요한 컨트롤만 추가) -->
<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 (옵션, 원하는 문화권을 추가) -->
<script src="scripts/vendor/controls/cultures/wijmo.culture.ko.min.js"></script>

<!-- app.js 추가 (필수) -->
<script src="scripts/app.js"></script>

  • html 파일 하단 <body> 영역에 아래와 같이 호스트 요소를 추가하고, id를 설정합니다.

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

  • app.js 파일에서 Wijmo 컨트롤을 초기화하고 샘플 데이터를 생성합니다.

    아래 코드는 FlexGrid를 초기화하는 코드입니다.
    각 컨트롤 별 자세한 코드는 아래 샘플에서 각 탭을 클릭하여 확인해 주세요.

    Sample Code >

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

Full code sample

Area

Donut

Grid

Gauge

Bar

Why should I use Wijmo?

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

We can develop complete web solutions that don't compromise on performance, from web to mobile.

  • Fast and lightweight JavaScript components

    Wijmo components never bloat your web app! Built for maximum performance, Wijmo components are not only dependency-free, but also compact, scalable, and high-performance.

  • 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.

  • A 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, Angular, Next.js, and Nuxt.

Ask anything!

Please share your concerns and questions about Wijmo with MESCIUS's expert team. We empathize with your concerns and provide assistance.

Online product consultation Developer Forum (Technical Support)

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.

Learn more >

Sort, edit, filter

Grouping, aggregation

data binding

Export to Excel, PDF

Freeze rows, columns, and headers

Custom cells

Paging, virtual scrolling

TreeGrid, Master-Detail

print

search

FlexChart

80 high-performance JavaScript charts

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

Learn more >

bar chart

Line chart

Area chart

Scatterplot chart

bubble chart

Pie and donut charts

Sunburst chart

Treemap chart

Polar and radial charts

financial charts

FlexMap

JavaScript map control for geographic data visualization

Use map controls to visualize geographic data for easier analysis.

Learn more >

Bubble Map

Choropleth 맵

Distributed map

Sample map of Korea

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.

Learn more >

Overview mode

Excel-like design panel

Pivot Grid

Pivot chart

Slicer

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.

Learn more >

Drop down

combo box

Autocomplete

Multiple selection

Date/Time Picker

Enter numbers

Validation

menu

Pop-up

Color Picker

Easily customize Wijmo controls!

Wijmo CSS Theme Designer

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

Using the Wijmo CSS Theme Designer

Wijmo Control Properties Editor

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.

Using the Wijmo Control Properties Editor

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.

Go to online tutorial

Referencing the Wijmo library

Local referencing

CDN referencing

NPM referencing

Ask anything!

Please share your concerns and questions about Wijmo with MESCIUS's expert team. We empathize with your concerns and provide assistance.

Online product consultation Developer Forum (Technical Support)

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!

See more details

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.
Learn more about new features

Our Customers

Here Study

Smart Online Education Bachelor's Management Solution

#Education #Report #Dashboard

SW development company I

Online Commerce AI Big Data Analysis Solution

#Distribution #Excel #Dashboard

Gross

Infrastructure Solutions

#SW development #manufacturing #dashboard

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,494,000

* 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.

￦1,000,000

* Once registered, domains and IPs cannot be modified.

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

FAQ

- How to run Wijmo sample files

- How to register Wijmo distribution licensing

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.

Request for product and purchase consultation
Check online quotes and request quotes

Purchase Procedure

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

  • 1. Price confirmation and quote request

  • You can request a quote using any of the methods below:
  • Online quote confirmation and quote request
  • 1670-0583
  • sales-kor@mescius.com

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

    A business web development solution built with Excel without coding.
    • Easy and quick web implementation with Excel features
    • Web development without HTML & CSS
    • Data collection and integration solution
    Learn more

  • DsExcel

    High-performance Java & Kotlin / .NET-based Excel spreadsheet API library
    • Create, load, edit, and save spreadsheets
    • Parse, convert, and share spreadsheets
    • Calculate formulas and format cells
    Learn DsExcel Java
    Learn about DsExcel .NET