HTML GL

Render HTML/CSS via WebGL

Hardware acceleration guaranteed, amazing effects available

GitHub

Basics

The following content is rendered in WebGL since it is wrapped with <html-gl> tag

Why HTML-GL?

DOM is slow. It is a complex model which creates chain reaction over whole document on every modification. Powerful desktops are fine with handling that but mobile and low-level PCs provide bad user experience. HTML-GL solves “Slow DOM problem” by creating WebGL representations for DOM nodes and render them using GPU taking all benefits of hardware acceleration approach modern video games use including special effects.

Even since content is rendered in WebGL it is still selectable with Dev Tools inspector and is accessible for text selection and copying. Links are active and DOM event system is respected.

Just use HTML and CSS in the way you are common to!

Animate with velocity JSChange contentCSS TRANSFORM

INTERACTIVITY AND EFFECTS

YOU MAY DRAG OR CLICK SLIDER TO ENSURE THAT DOM EVENTS ARE RESPECTED DESPITE IT IS A WEB GL RENDERED CONTENT WITH FILTERS APPLIED

Select me with devtools

7.8 / 10

Change me in devtools

9.4 / 10

BREAKING BAD

8.5 / 10