Wijmo's Web Components
Wijmo's lightweight, dependency-free JavaScript controls now include an interop for web components! This flexible web technology enables you to create your own declarative API.
- Get declarative, maintainable HTML markup
- Use Wijmo Web Components in Angular
- Reuse the same components and behavior libraries in different frameworks
-
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
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>).
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.
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.
Web Component Demos
Browse, search, view source code and run all of our samples using the
Wijmo Sample Explorer.
Introduction to Web Components
Wijmo Controls
- Common
- Events
- Globalization
- Glyphs
- Themes
- Data Grid
- FlexGrid
- Core Grid Features
- Advanced Grid Features
- Excel Import/Export
- Master detail
- Group panel
- Filter
- Spreadsheete
- MultiRowe
- PDF export
- Tree grid
- Validation
- Data Management
- CollectionView
- OData CollectionView
- OData Virtual CollectionView
- OLAP Pivot Grid
- OLAPe
- OLAP Pivot Gride
- OLAP Pivot Charte
- OLAP Pivot Panele
- OLAP Slicere
- Printing & Documents
- Print Document
- XLSX
- Gauges
- BulletGraph
- Linear Gauge
- Radial Gauge
- Input & Editors
- AutoComplete
- DropDown
- Clipboard
- ColorPicker
- ComboBox
- InputColor
- InputMask
- InputNumber
- ListBox
- MultiSelect
- MultiAutoComplete
- Tooltips
- DateTime Controls
- Calendar
- InputDateTime
- InputDate
- InputTime
- Viewers
- PdfViewere
- ReportViewere
- Designers
- Wijmo Designer
- VSCode Designer Extension
- e = Wijmo Enterprise features
- See product comparison
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
2018 ComponentSource
ComponentOne Ultimate
Top 25 Product
2018 ComponentSource
Wijmo Core
Top 50 Product
2018 ComponentSource
Wijmo Enterprise
Top 100 Product
2018 ComponentSource
Wijmo Enterprise
Bronze, Web Design & Development Tools and Frameworks
Visual Studio Magazine’s 2017 Reader’s Choice Awards
Free E-Book - JavaScript Frameworks
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 control 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