Wijmo's JavaScript Web Components
Wijmo's lightweight, dependency-free UI controls now include an interop for web components! This flexible web technology enables you to declare all of Wijmo's components in markup.
- Get declarative, maintainable HTML markup
- Use Wijmo Web Components in Angular
- Reuse the same components and behavior
libraries in different frameworks
Why Choose Wijmo for Your JavaScript Web Components?
Custom Elements With Web Components
Create reusable markup, shrink the size of your web apps, and use our declarative API. Wijmo web components have never been more flexible.
Flexible, Extensive API
Wijmo's easy-to-read, flexible API has a low learning curve, and the web components have a simple core with as many extensibility points as possible.
Standards of Web Components
The Web Components specification is a collection of browser APIs that can be grouped into four major categories.
Custom Elements
These JavaScript APIs are provided by the browser and let you hook up code (typically a JavaScript class) with custom declarative elements in markup. Designed to provide more power, flexibility, and development convenience.
Shadow DOM
Create a Shadow DOM instance for each custom element, allowing scope styles and DOM nodes on a per-element basis. This step is crucial to encapsulating elements, as it prevents both style and DOM reference collisions.
HTML Templates
Specialized DOM elements allow you to create reusable base markup for a custom element with overridable pieces. (Note that these elements aren't rendered so that you can define them anywhere in your document.)
HTML Imports
A way to encapsulate and reuse the base markup for custom elements. This is the most contended piece of the Web Components spec, so be sure to check browser support before using it.
Web Component Demos
Browse, search, view source code and run all of our samples using the Wijmo Sample Explorer.
Introduction to Web Components
A full walkthrough to implement Wijmo Web Components in a new web application from set-up to creating components programmatically.
Web Components in Angular
A key benefit for web components is using the same component in numerous frameworks. Here we review how to utilize Angular applications.
Explore All Web Components
Get started with our interactive sample that demonstrates all supported Wijmo Web Components.
Read About Wijmo and Web Components
Using Web Components in Angular
Web Components provides a solution and makes possible a way to define custom HTML components that can be used in Angular.
Using Web Components With React
Learn how to use Web Components with React that allow you to declaratively define a user interface that automatically stays up to date.
Making Web Components Accessible
Read how we are making our components more accessible, focusing on accessibility aspects that are directly related to component development.
All of Wijmo's JavaScript UI Components
Frameworks & Integrations
- Angular
- React
- Vue
- Web Components
- TypeScript
- ES6
Common
Data Management
Printing & Docs
Navigation & Layout
Input & Editors
Viewers
Designers
Featured Blogs, Videos, and Other Media
Wijmo's Customer Feedback and Awards
"Good value for money and high quality components"
RICHARD HERBERT
"Great tools, not cheap, but worth the money for us."
TRUSTED CUSTOMER
"I've been using Wijmo controls for about a year and a half. Fantastic product. Fantastic support!"
TRUSTED CUSTOMER
 |
 |
"I don’t give kudos lightly, and without merit, but the Wijmo team has been awesome to work with. Just amazingly responsive! I am so glad I recommended Wijmo to my partners."
GABOR FARI, PARTNER TECHNOLOGY STRATEGIST - MICROSOFT CORP
"With Wijmo's extensibility model, the Microsoft Dynamics team was able to quickly customize and incorporate Wijmo 5 components into our new release."
PARAM KAHLON, GENERAL MANAGER, MICROSOFT DYNAMICS CRM ENGINEERING
"We rely on functionality of Wijmo Core'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 THE USER EXPERIENCE, THOMSON REUTERS
Trusted by the World's Leading Companies
