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 Online Tutorial
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

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.

Q&A

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

Get technical support.

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

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.

  • Receivables Management Dashboard

    This sample dashboard uses Wijmo’s Grid and Chart controls to help you analyze amounts, payments received, and outstanding receivables.


    Download Zip File

    Next.js.

    View Demo

  • 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 Zip File

    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 Zip File

    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 Zip File

    React

    View Demo

  • Survey Results Dashboard

    Wijmo's charts and grids are designed to help you efficiently analyze survey data.


    Download Zip File

    React

    View Demo

  • Traffic Monitoring Dashboard (React)

    A React-based dashboard that displays web server traffic by country.


    Download Zip File

    React

    View Demo

  • Traffic Monitoring Dashboard (Angular)

    An Angular-based dashboard that displays web server traffic by country. 


    Download Zip File

    Angular

    View Demo

  • Geography Dashboard

    An interactive geographic dashboard for analyzing demographic data.


    Download Zip File

    Angular | React | Vue

    View Demo

  • Dynamic Dashboard

    This tutorial demonstrates how to use Wijmo controls in a customizable, dynamic dashboard.


    Download 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 Zip File

    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

    JavaScript

    View Demo

  • Cryptocurrency Tracking

    Track cryptocurrency values by integrating Wijmo's powerful financial charting component into your grid.


    Download Zip File

    React-Redux | Angular

    View Demo