Menu hamburger icon

Create reusable and future-proof UI components with Custom Elements v1 and Web Components

BY Andreas Argelius /

Custom Elements is a part of Web Components

Onsen UI is a UI component library built on top of Web Components. Web Components is an emerging standard that is designed to make it easy to create reusable UI components using APIs that are native to the browser. One clear advantage of this is that the components that you make are not tied to a single library or frontend framework.

In this article we will take a look at the advantages of using Web Components and also at the Custom Elements v1 API that was recently finalized and is looking to become the de facto standard for registering and adding behavior to custom tags.

Web Components is in my opinion not only a technology for writing encapsulated components that can be plugged into our apps, it is also a way to help us stop reinventing the wheel and implement the same components for every framework or library out there.

Take part in Onsen UI 2.0 Tutorial Contest

BY Una Softic /

Title

We recently released Onsen UI 2.0, which is framework-agnostic, supports both flat and material design, offers a rich collection of UI components and is just beyond beautiful and performant. Whoever has tried it was mesmerised, and in order to continue great development and gain better community support, we need your help spreading the word. And we will award your efforts!

Why Web Components Matter - Interview with Taylor Savage, Google’s Polymer Project

BY Masa Tanaka /

Taylor Savage!

Onsen UI 2.0 has just been released and Onsen users often focus on building mobile apps. But Onsen UI provides a full-stack ecosystem for developing beautiful cross-platform apps including web development. No matter your focus, we believe strongly in standards-based open source tools like Web Components. This is a fantastic way to future-proof your development environment as JavaScript development continues to expand from web to mobile platforms.

Meet us at AngularConnect in London

BY Una Softic /

AngularConnect 2016

We are very proud to take part in Europe’s Largest Angular Conference, AngularConnect. Onsen UI Team is getting ready for a 2-day, multi-track conference that brings together world’s leading Angular experts, including the core Angular team at Google. If you are in London as well next week, make sure to get in touch with us (best through our community forum) and meet us there! See you on September 27th and 28th.

Blog RSS Feed

Related tags

onsen ui 70 monaca 31 tutorial 22 react 15 cordova 11 angular 9 onsenui 8 vue 8 showcase 8 webpack 7 javascript 6 web components 5 redux 5 material design 5 components 5 event 5 localkit 4 cli 4 angular2 4 phonegap 3 typescript 3 windows phone 3 visual studio 3 custom elements 3 angular 1 3 release 3 app ninja contest 2 testing 2 mobx 2 vanilla js 2 azure 2 youtube 2 monaca cli 2 beta 2 interactive tutorial 2 google maps 2 git 2 angular 2 2 interview 2 es6 2 cloud ide 2 protractor 1 foursquare 1 forum 1 github 1 gitter 1 firebase 1 gulp 1 horizon 1 hot-reloading 1 hybrid app 1 ide 1 in-app purchases 1 in-app updates 1 instagram 1 intellij 1 events 1 encryption 1 jasmine 1 CLI 1 kintone 1 knockout 1 electron 1 masahiro tanaka 1 design 1 meteor 1 cycling 1 mocha 1 cordova 6.5 1 cordova 5.2 1 news 1 coffeescript 1 onsen ui 2 1 onsen2 1 chrome devtools 1 performance 1 chat 1 platform 1 polymer 1 popvox 1 giro d'italia 1 qunit 1 raspberry pi 1 babel 1 autostyling 1 autostyle 1 release notes 1 responsive 1 rethinkdb 1 review 1 screw.unit 1 security 1 authentication 1 source control 1 spotify 1 ssl 1 stylus 1 sublime 1 test 1 atom 1 time-travel 1 transpiling 1 ar 1 twitter 1 app 1 unit.js 1 user interface 1 api.ai 1 version control 1 apache subversion 1 visual studio code 1 announcement 1 vue.js 1 vuex 1 Monaca Power Plugins 1 Enterprise Plugins 1 wikitude 1 ES6 1 ECMAScript6 1