Skip to main content

Introduction to WebJET Elements

WebJET Elements is a modern set of user interface tools harnessing the power of web components designed to simplify web application development. It provides a collection of encapsulated and reusable elements that can greatly increase the efficiency and maintainability of web development projects. They offer easy integration with React and Vue.

Start creating your application by installing WebJET elements.


Installation Guide

Detailed guide to installing WebJET elements.

Elements

Take a look at the library of available WebJET elements.

Layout

Find out how to create a page layout to suit your needs.

Editing Styles

Learn how to easily customize your Elements visual.

Overview

WebJET Elements is an advanced platform for creating and deploying modern web applications and micro-frontend solutions. This framework is based on web component technology and uses the capabilities of web components and the Shadow DOM to offer a universal set of elements. These elements are designed to improve and streamline the development process, allowing you to create and implement compelling applications with greater efficiency.

Key features of the WebJET Elements Framework:

Comprehensive set of user interface tools

WebJET Elements includes a wide range of controls and user interface components that are optimized for web interfaces. These components cover a variety of functions and are designed to be easily integrated into any web application.

The framework supports seamless integration with modern web technologies React and Vue, ensuring compatibility and flexibility in development.

Stable and independent

WebJET Elements is built on reliable W3C standardized web technologies and uses modern web APIs such as Custom Elements and Shadow DOM. As a result, components have a stable API and are not dependent on the whim of the platform vendor or third-party libraries.

Using Shadow DOM

WebJET Elements leverages the Shadow DOM and provides encapsulation of the style and behavior of its components, supporting a cleaner and more maintainable codebase.

Customisation and flexibility

The framework offers extensive customization options through custom CSS properties, slots, and shadow parts, allowing developers to tailor components to specific needs.

Optimised for performance

Optimized for performance, the framework ensures that components are not only functional but also efficient, contributing to a smoother user experience.

In the WebJET Elements documentation you will find detailed examples to help you create exceptional web applications quickly and efficiently.

License

Elements is a free and open source project, released under the MIT permissive license. This means that it can be used for free in personal or commercial projects. MIT is the same license used by such popular projects as jQuery and Ruby on Rails.

This documentation content (located in the WJ Elements repository) is licensed under the Apache 2 license..