JavaScript UI Components Online Tutorial

Wijmo Tutorials & Templates

Explore Wijmo's diverse features and learn how to implement them right now.


Wijmo Online Tutorial

Learn the various features of JavaScript UI controls, such as grids and charts, through demos and tutorials. 📚

Wijmo 온라인 튜토리얼
Go to online tutorial

Get started quickly with Wijmo

Getting Started Guides for Each JavaScript Framework 📖

Learn how to get started with Wijmo in different frameworks.

Referencing the Wijmo library

Local referencing

CDN referencing

NPM referencing

Wijmo Usage Tips

Check out these helpful tips for JavaScript dashboard and UI development! 💡

Blog & Tips

We provide various information to help you use Wijmo effectively.

Online study

We'll explain Wijmo's usage examples step by step. You can learn its features by following along.

Knowledge Sharing

This is a space where Wijmo users can share their know-how and tips.

QNA

Through the Q&A space, you can ask questions about Wijmo.

Get technical support.

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

Jump-start your development with customizable samples and templates.

Here are various templates and samples utilizing Wijmo. You can check out the actual demos and download the source code to customize and use them yourself.

  • Environmental Statistics Portal Dashboard

    This dashboard was created using Wijmo's charts and tab panels. Right-clicking on a chart also allows you to export the chart image. Download the zip file with Next.js.

    View Demo
  • Sales Analytics Dashboard

    This is a sample sales analytics dashboard that uses Wijmo controls to display sales-related data. * The Wijmo controls used in this sample are charts, grids, inputs, and gauges. Download the zip file from Next.js.

    View Demo
  • Ecommerce Dashboard

    This is a sample e-commerce dashboard designed to display data at a glance using various Wijmo controls. * The Wijmo controls used in this sample are charts, grids, maps, and calendars. Download the zip file React

    View Demo
  • Survey Results Dashboard

    Wijmo's charts and grids are designed to help you efficiently analyze survey data. Download the zip file in React.

    View Demo
  • Traffic Monitoring Dashboard (React)

    A React-based dashboard that displays web server traffic by country. Download the zip file React

    View Demo
  • Traffic Monitoring Dashboard (Angular)

    An Angular-based dashboard that displays web server traffic by country. Download the zip file for Angular.

    View Demo
  • Geography Dashboard

    An interactive geographic dashboard for analyzing demographic data. Download the zip file (Angular | React | Vue).

    View Demo
  • Dynamic Dashboard

    This tutorial demonstrates how to use Wijmo controls in a customizable, dynamic dashboard. Download the zip file: JavaScript | Angular | React | Vue | Vue3

    View Demo
  • Inventory Management App

    Demonstrates an inventory management app with a router that allows navigation between multiple screens. Download the zip file for Angular.

    View Demo
  • Personnel Information Inquiry Data Grid

    Based on Wijmo FlexGrid, it's designed to provide a comprehensive overview of various personnel data, including job titles, departments, and employee numbers, and offers a convenient user experience with filtering, search, and export features. Download Zip File with JavaScript

    View Demo
  • Cryptocurrency Tracking

    Track cryptocurrency values by integrating Wijmo's powerful financial charting component into your grid. Download the zip file React-Redux | Angular

    View Demo

Full Wijmo control

data grid

DataGrid (FlexGrid)

OLAP PivotGrid

Spreadsheet

MultiRow

TransposedGrid

TreeGrid


Data visualization

Chart(FlexChart)

Bar & Column

Line & Area

Scatter

Pie & Sunburst

Radar & Polar

Specialized Charts

FinancialChart

Maps (FlexMap)

OLAP PivotChart

Gauges

Barcode

QRCode

Navigation & Layout

Menu

Popup

Ribbon

Tabs

TreeView


Input & Editor

InputsDropDowns

DateTime

Numeric

Colors


designer

Wijmo Designer

VSCode Designer Extension


Viewer

ReportViewer

Frameworks & Integrations

Angular

React

View

Web Components

TypeScript

ES6


commonness

Events

Globalization

Glyphs

Themes

Data Management

CollectionView

REST

Once

Firestore

OAuth

OLAP


Printing & Documents

Print Document

PDF

XLSX