• 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 components 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 components 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 components, written in TypeScript, include full support for Angular, AngularJS, ReactJS, VueJS, and Knockout, with the same components 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

Wijmo Components

Get the toolkit. Get the team.

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

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 Components

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

Next Steps

Launch Demo
Download Free Trial

Free E-Book - JavaScript Frameworks

How to Choose the Best JavaScript Framework for Your Team

How to Choose the Best JavaScript Framework for Your Team​

As Stack Overflow’s five-year holder of “the most popular programming language” title, JavaScript is popular and more accessible than ever, but the breadth and depth of learning resources can challenge even the most dedicated researcher. This E-Book distills the most current information on JavaScript and its supporting frameworks into a single, readable volume.

You’ll learn:

  • About JavaScript frameworks, software design patterns, and how frameworks support modern web apps
  • The basic history and purposes of JavaScript’s top frameworks, including:
  • AngularJS
  • Angular
  • React
  • Vue
  • Knockout
  • How to integrate a basic component in pure JavaScript and the five frameworks described
  • The SPEC method, which allows you to determine which framework is best suited to your project based on your priorities
  • How migrating to a new framework will shift based on your selection

GET THE FREE E-BOOK Try the SPEC method

  • © GrapeCity, Inc. All Rights Reserved.  ·  1.800.858.2739

    All product and company names herein may be trademarks of their respective owners.