GondelUI component launcher

Try It Out
Introduction
Examples
API Reference

No Vendor Lockin

Gondel works with almost every frontend and backend framework. Gondel UI Components are not only reusable with React Angular or Vue but also with unflexible backend solutions

Modular

Gondel allows you to built independent and reusable components.

Fast

Gondel is treeshakable and has less than 3kb gziped

Optional Typings

Gondel ships with optional typings for typescript

Support for JSX

Gondel provides a react plugin for client side rendering

VanillaJs

Gondel has zero dependencies and can be used without any framework

Hello World

import { Component, EventListener, GondelBaseComponent } from '@gondel/core';

// The @Component decorator will connect the class with `data-g-name="Button"` elements.
@Component('Button')
export class Button extends GondelBaseComponent {
  @EventListener('click')
  _handleChange(event) {
    alert('Hello World')
  }
}

<button data-g-name="Button">Click me</button>

<button data-g-name="Button">Or click me</button>

CodeSandbox - Hello World