Metal.js

Build UI components in a solid, flexible way.

Foundational

Metal.js is not a library of components, but a foundation for creating the components you need.

Learn More

Stable

Used in numerous production environments already, Metal.js is the backbone of many frontend projects.

Learn More

Future Ready

By using ES6 we benefit from the best of JavaScript, while maintaining easy-to-read and clean code.

Learn More

Our Architecture

Architecture

Metal.js components can be written in two templating languages, Soy (Google Closure), and JSX (React). Both are compiled to incremental dom which is used to progressively update DOM elements when component state updates. Therefore, you can spend less time doing manual DOM manipulation, and more time on what matters.

JSX

JSX is a preprocessor step that adds XML syntax to JavaScript, it allows you to write your component markup directly in your Metal.js component class. Keeping your logic and view close together.

Learn More

Soy

Soy is an isomorphic templating language that can be rendered in multiple development environments, and allows for advanced progressive ehancement. The template exists in its own file, seperate from your component's JavaScript.

Learn More