juliendargelos / gui

Licence: MIT license
Light and expressive GUI with web components

Programming Languages

typescript
32286 projects
javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to gui

eslint-plugin-lit
lit-html support for ESLint
Stars: ✭ 90 (+592.31%)
Mutual labels:  web-components
nuxeo-ui-elements
Library of UI web components
Stars: ✭ 20 (+53.85%)
Mutual labels:  web-components
fireworks-js
🎆 A simple fireworks library! Ready to use components available for React, Vue 3, Svelte, Angular, Preact, Solid, and Web Components.
Stars: ✭ 550 (+4130.77%)
Mutual labels:  web-components
modulor-html
Missing template engine for Web Components
Stars: ✭ 36 (+176.92%)
Mutual labels:  web-components
wc-monaco-editor
A vanilla Monaco Editor web component
Stars: ✭ 93 (+615.38%)
Mutual labels:  web-components
range-slider-element
🍬 <range-slider> custom element
Stars: ✭ 45 (+246.15%)
Mutual labels:  web-components
symbiote.js
Simple, light and very powerful library to create embedded components for any purpose, with a data flow management included.
Stars: ✭ 40 (+207.69%)
Mutual labels:  web-components
blockml-component
A component-based virtual DOM system (similar to React) for blockml.
Stars: ✭ 23 (+76.92%)
Mutual labels:  web-components
stencil-shimmer
StencilJS component for adding shimmer UI effect to your applications.
Stars: ✭ 14 (+7.69%)
Mutual labels:  web-components
x-play
🎼 🎶 🎵 🎹 🎻 🎷 🎺 🎸
Stars: ✭ 23 (+76.92%)
Mutual labels:  web-components
Willow
The Web Interaction Library that eases the burden of creating AJAX-based web applications
Stars: ✭ 41 (+215.38%)
Mutual labels:  web-components
cookbook
VueJS + NodeJS Evergreen Cookbook
Stars: ✭ 440 (+3284.62%)
Mutual labels:  web-components
file-attachment-element
Attach files via drag and drop or file input.
Stars: ✭ 97 (+646.15%)
Mutual labels:  web-components
.github
Vanilla Web Components. A place for framework-free, transpiler-free, scaffolding-free web components.
Stars: ✭ 224 (+1623.08%)
Mutual labels:  web-components
element
Fast and simple custom elements.
Stars: ✭ 65 (+400%)
Mutual labels:  web-components
wc-context
Context for Web Components
Stars: ✭ 26 (+100%)
Mutual labels:  web-components
components
Example Components (Built with Tonic)
Stars: ✭ 62 (+376.92%)
Mutual labels:  web-components
scheduler-component
A Web Component wrapper for FullCalendar library that uses Polymer version 2.0 and ES6.
Stars: ✭ 24 (+84.62%)
Mutual labels:  web-components
lara
Lara Web Engine is a lightweight C# framework for web user interface development.
Stars: ✭ 121 (+830.77%)
Mutual labels:  web-components
moment-element
Web Component (with Polymer) wrapper for the moment library
Stars: ✭ 15 (+15.38%)
Mutual labels:  web-components

Preview

GUI

test build version

Light and expressive GUI with web components
Repository | Documentation | Demo

const target = {
  lorem: 1,
  ipsum: 'foo',
  dolor: new File([], 'foo.txt'),
  sit: name => alert(`Hey ${name}`),
  amet: {
    consectetur: false,
    adipisicing: 'rgba(35, 50, 75, 0.5)',
    elit: '//picsum.photos/400/200.jpg'
  }
}

const gui = new GUI({ target })
  .add('lorem')
  .add('ipsum')
  .add('dolor')
  .add('sit', { args: [{ value: 'Bob' }] })
  .group('amet', group => group
    .add('consectetur')
    .add('adipisicing')
    .add('elit')
  )

Install

npm install @juliendargelos/gui --save
yarn add @juliendargelos/gui

Usage

Coming soon

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].