All Projects β†’ Polight β†’ lego

Polight / lego

Licence: MIT license
πŸš€ Web-components made lightweight & Future-Proof.

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects

Projects that are alternatives of or similar to lego

modulor-html
Missing template engine for Web Components
Stars: ✭ 36 (-47.83%)
Mutual labels:  webcomponents, dom, web-components, custom-elements
CalDOM
An agnostic, reactive & minimalist (3kb) JavaScript UI library with direct access to native DOM.
Stars: ✭ 176 (+155.07%)
Mutual labels:  virtual-dom, dom, web-components, custom-elements
Omi
Front End Cross-Frameworks Framework - ε‰η«―θ·¨ζ‘†ζžΆθ·¨εΉ³ε°ζ‘†ζžΆ
Stars: ✭ 12,153 (+17513.04%)
Mutual labels:  virtual-dom, webcomponents, web-components, custom-elements
smart-custom-element
Smart a lightweight web component library that provides capabilities for web components, such as data binding, using es6 native class inheritance. This library is focused for providing the developer the ability to write robust and native web components without the need of dependencies and an overhead of a framework.
Stars: ✭ 17 (-75.36%)
Mutual labels:  webcomponents, dom, web-components, customelements
cwco
Powerful and Fast Web Component Library with a Simple API
Stars: ✭ 27 (-60.87%)
Mutual labels:  webcomponents, web-components, custom-elements, vanilla-js
toggle-icon
toggle-icon is a custom element created with Polymer. It provides an extremely powerful and customizable switch that looks like a paper-icon-button.
Stars: ✭ 21 (-69.57%)
Mutual labels:  polymer, webcomponents, web-components, custom-elements
custom-elements-manifest
Custom Elements Manifest is a file format that describes custom elements in your project.
Stars: ✭ 81 (+17.39%)
Mutual labels:  webcomponents, web-components, custom-elements, customelements
smart-webcomponents-community
Material & Bootstrap Web Components built with Smart
Stars: ✭ 30 (-56.52%)
Mutual labels:  webcomponents, web-components, custom-elements, customelements
Dna
Progressive Web Components.
Stars: ✭ 22 (-68.12%)
Mutual labels:  virtual-dom, webcomponents, custom-elements
drawer
A touch-enabled drawer component for the modern web.
Stars: ✭ 26 (-62.32%)
Mutual labels:  reactive, web-components, vanilla-js
Panel
Web Components + Virtual DOM: web standards for powerful UIs
Stars: ✭ 206 (+198.55%)
Mutual labels:  virtual-dom, webcomponents, web-components
Switzerland
πŸ‡¨πŸ‡­Switzerland takes a functional approach to Web Components by applying middleware to your components. Supports Redux, attribute mutations, CSS variables, React-esque setState/state, etc… out-of-the-box, along with Shadow DOM for style encapsulation and Custom Elements for interoperability.
Stars: ✭ 261 (+278.26%)
Mutual labels:  virtual-dom, webcomponents, custom-elements
Push State
Turn static web sites into dynamic web apps.
Stars: ✭ 16 (-76.81%)
Mutual labels:  reactive, web-components, vanilla-js
web-components
A set of high-quality standards based web components for enterprise web applications. Part of Vaadin 20+
Stars: ✭ 322 (+366.67%)
Mutual labels:  webcomponents, web-components, custom-elements
aurum
Fast and concise declarative DOM rendering library for javascript
Stars: ✭ 17 (-75.36%)
Mutual labels:  webcomponents, dom, web-components
identicon-avatar
πŸ‘Ύ GitHub style identicon avatar
Stars: ✭ 15 (-78.26%)
Mutual labels:  polymer, webcomponents, customelements
Vaadin Combo Box
The Web Component for displaying a list of items with filtering. Part of the Vaadin components.
Stars: ✭ 113 (+63.77%)
Mutual labels:  polymer, webcomponents, custom-elements
page-title
A Polymer element for easily updating a webpage's title, such as in a SPA.
Stars: ✭ 13 (-81.16%)
Mutual labels:  polymer, web-components, custom-elements
paper-chip
A chip web component made with Polymer 2 following Material Design guidelines
Stars: ✭ 30 (-56.52%)
Mutual labels:  polymer, webcomponents, custom-elements
Vaadin
An evolving set of open source web components for building mobile and desktop web applications in modern browsers.
Stars: ✭ 424 (+514.49%)
Mutual labels:  polymer, webcomponents, web-components

Lego is a fast web-components library

LEGO: Modern Web-Components

LEGO (Lightweight Embedded Gluten-free Objects) is a NodeJS tool to build πŸš€ fast, ♻️ reactive, 🏑 native web-components that are easy to digest 🌱 for your browser.

Lego is:

  • πŸ‘™ Minimalist: 74 61 lines of readable code in its core (non-optimised, uncompressed, no cheating).
  • 🌱 Low dependency: its single third-party is the minimalist Petit-Dom which itself has no dependency
  • ♻️ Reactive: updating the state recalculate the Virtual Dom when needed
  • πŸš€ fast: using virtual dom through a thin layer makes it close to bare-metal
  • πŸ’§ Simple: that's Vanilla, there isn't much to know, it's a raw class to extend; no magic ✨
  • 🏑 Native: webcomponents are actual native webcomponents, you benefit from all the today's and tomorrow's possibilites (slot, encapsulation, …).

Lego is not (and will never be):

  • 🏯 A full bloated frontend framework with routing. Others do it well.
  • πŸ— A website builder with SSR or similar complexities.
  • πŸ” An HTML replacement that locks you into a specific technology.

View the demo and their source πŸ§ͺ.

Lego is inspired from the native Web-Component spec and Riot.

It's just much lighter with simplicity, source that are easy to read, to hack and to maintain. The core lib is only 61 LOC! Lego is as light as 3Kb for the full bundle!

Demo: view in action

Read the full documentation at https://lego.js.org

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].