• Extend your set of HTML tags with web components

    With web components, you can create reusable markup, shrink the size of your web apps, and create yor own declarative API. Wijmo controls have never been more flexible. Read our introduction to web components blog

  • Take advantage of a flexible, extensive API

    Wijmo's easy-to-read, flexible API has a low learning curve, and controls have a simple core with as many extensibility points as possible

  • Build apps in the framework of your choice

    Built to be framework-agnostic, Wijmo's pure JavaScript controls, written in TypeScript, include full support for Angular, AngularJS, ReactJS, VueJS, and Knockout, with the same controls across frameworks

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 (e.g. <my-custom-element>).

Read more about custom elements

Shadow DOM

This set of JavaScript APIs is for embedding a "shadow" DOM tree that is rendered separately from the main DOM. You'll usually create a Shadow DOM instance for each custom element which will allow you to scope styles and DOM nodes on a per-element basis. This is crucial to encapsulating elements, as it prevents both style and DOM reference collisions.

Read more about Shadow DOM

HTML Templates

Specialized DOM elements <template> and <slot> that allow you to create reusable base markup for a custom element with pieces that are overridable on a per-instance basis. (Note that these elements aren't rendered, so you can define them anywhere in your document.)

Read more about creating reusable markup with template and slot

HTML Imports

This technology provides a way to encapsulate and reuse the base markup for custom elements. (This would typically work by storing an HTML template in its own file and importing it into an actual page.) This is the most contended piece of the Web Components spec, so be sure to check browser support before using it.

Read more about organizing projects with HTML imports

Get the toolkit. Get the team.

Your license includes 30-day money-back guarantee, distribution licensing, and one full year of updates and new controls

Discuss your issues with thousands of other users in our monitored forums

Keep costs low with our royalty-free licensing and subscription model that includes three major releases!

Take advantage of unlimited phone support and expedited ticket times with Platinum Support

Award-winning JavaScript Controls

GrapeCity, 2 Publisher, ComponentSource

GrapeCity
#2 Publisher
2018 ComponentSource

ComponentOne Ultimate, Top 25 Product, ComponentSource

ComponentOne Ultimate
Top 25 Product
2018 ComponentSource

Wijmo Core, Top 25 Product, ComponentSource

Wijmo Core
Top 50 Product
2018 ComponentSource

Wijmo Enterprise, Top 25 Product, ComponentSource

Wijmo Enterprise
Top 100 Product
2018 ComponentSource

Wijmo Enterprise, Bronze, Web Design & Development Tools and Frameworks

Wijmo Enterprise
Bronze, Web Design & Development Tools and Frameworks
Visual Studio Magazine’s 2017 Reader’s Choice Awards