153 best open source webcomponents projects.

We have collection of more than 1 Million open source products ranging from Enterprise product to small libraries in all platforms. We aggregate information from all open source repositories. Search and find the best for your needs. Check out projects section.

Displaying 1 to 20 from 153 results

riot - Simple and elegant component-based UI library

Javascript

A React-like user interface micro-library

webcomponents minimal framework client-side view customtags lite elegant simple custom-tags custom-elements web-components virtual-dom shadow-dom polymer react jsx minimalist declarative templating template data-binding mvc model controller riotjs riot.js javascript-framework

NyaoVim - Web-enhanced Extensible Neovim Frontend

TypeScript

This is a Neovim frontend built on Electron. The Neovim editor is composed as a Web Component and users can extend the UI with reusable Web Components, HTML, CSS and JavaScript. Use Vim as a component from a shell or in an IDE.

neovim editor gui electron polymer desktop-app extensible webcomponents nvim cat meow

webdash - 🔥 Orchestrate your web project with Webdash the customizable web dashboard

HTML

Checkout the documentation.

webdash productivity beginner-friendly nodejs polymer webcomponents

webcomponentsjs - A suite of polyfills supporting the HTML Web Components specs

HTML

Note. For polyfills that work with the older Custom Elements and Shadow DOM v0 specs, see the v0 branch. Note. For polyfills that include HTML Imports, see the v1 branch.

webcomponents web-components polyfill shim

stencil - A Web Component compiler for building fast, reusable UI components and Progressive Web Apps 💎 Built by the Ionic Framework team

TypeScript

Stencil is a simple compiler for generating Web Components and progressive web apps (PWA). Stencil was built by the Ionic Framework team for its next generation of performant mobile and desktop Web Components. Stencil combines the best concepts of the most popular frontend frameworks into a compile-time rather than run-time tool. It takes TypeScript, JSX, a tiny virtual DOM layer, efficient one-way data binding, an asynchronous rendering pipeline (similar to React Fiber), and lazy-loading out of the box, and generates 100% standards-based Web Components that runs on both modern browsers and legacy browsers back to Internet Explorer 11.

webcomponents pwa progressive-web-app custom-elements typescript stencil stenciljs ionic web-components components webapp

westore - 微信小程序解决方案 - 1KB javascript 覆盖状态管理、跨页通讯、插件开发和云数据库开发

Javascript

微信小程序解决方案 - 1KB javascript 覆盖状态管理、跨页通讯、插件开发和云数据库开发

weapp store state state-management miniprogram omi setdata setstate update diff json-diff mp cloud mongodb mongo nosql nodb web webcomponents

wired-elements - Collection of elements that appear hand drawn. Great for wireframes.

Javascript

Wired Elements is a series of basic UI Elements that have a hand drawn look. These can be used for wireframes, mockups, or just the fun hand-drawn look. The elements are drawn with enough randomness that no two renderings will be exactly the same - just like two separate hand drawn shapes.

webcomponents lit-element wireframes wireframe web-components lit-html prototyping webcomponent web-component rough sketchy hand-drawn

ionic-framework - A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript

TypeScript

Ionic Framework is the open-source mobile app development framework that makes it easy to build top quality native and progressive web apps with web technologies. Ionic Framework is based on Web Components and comes with many significant performance, usability, and feature improvements over the past versions.

react ios angular mobile framework typescript web ionic pwa vue material-design webcomponents frontend stencil capacitor stenciljs

lwc - :zap: LWC - A Blazing Fast, Enterprise-Grade Web Components Foundation

Javascript

This repository contains the source code for the Lightning Web Components Engine and Compiler. Additionally, it contains examples, documentation, meeting notes and discussion notes for developers contributing or using Lightning Web Components. Read the Lightning Web Components Dev Guide.

web-component library framework webcomponents salesforce lwc

gulp-inject - A javascript, stylesheet and webcomponent injection plugin for Gulp

Javascript

I don't have enough time to maintain this plugin as I would want to, so I'm looking for people who want to help out and be contributors/repository admins. Contact me! See package.json for contact information.

gulpplugin inject stylesheets webcomponents scripts index

frontend - :lollipop: Frontend for Home Assistant

TypeScript

This is the repository for the official Home Assistant frontend. A complete guide can be found at the following link. It describes a short guide for the build of project.

home-automation polymer webcomponents frontend home-assistant hacktoberfest lit-element

uiv - Bootstrap 3 components implemented by Vue 2.

Javascript

If this project has helped you out, please support it with a star 🌟. uiv is a Bootstrap 3 component lib implemented by Vue 2.

bootstrap vuejs ui web vue vuejs2 vue2 component-library ui-components bootstrap3 vue-bootstrap bootstrap-3 bootstrap-for-vue ssr components directives webcomponents vue-strap vuestrap css affix messagebox notification scrollspy alert button button-group breadcrumbs carousel slider collapse dropdown nav modal navbar pagination popover progress tab tooltip typeahead auto-complete multi-select

wired-elements - Collection of custom elements that appear hand drawn

TypeScript

Wired Elements is a series of basic UI Elements that have a hand drawn look. These can be used for wireframes, mockups, or just the fun hand-drawn look. The package (wired-elements) exports all components in the wired category. List of all wired elements can be found here.

webcomponents web-components prototyping wireframe wireframes lit-html lit-element webcomponent web-component rough sketchy hand-drawn

DeckDeckGo - The web open source editor for presentations

Typescript

DeckDeckGo aims to be the open source web editor for presentations. It enables anyone with any type of devices (desktop, mobile or tablets) to easily create, present and share presentations for free. Create quickly simple PWA presentations using rich Templates. Interact with a remote control and live polls for your audience. You can present and work offline. YouTube videos can be easily integrated.

editor pwa webcomponents progressive-web-app stencil slides wysiwyg presentations rich-text-editor documents pwa-apps motoko stenciljs internet-computer

builder - Drag and drop Visual CMS for React, Vue, Angular, and more

TypeScript

Integrate with any site or app. Drag and drop with the components already in your codebase. Performance is our top priority. All content is delivered from the edge, renderable server side or statically, we optimize the heck out of it and our SDKs are small and mighty.

react cms builder angular react-native pwa vue webcomponents frontend drag-drop headless gatsby wysiwyg shopify page-builder headless-cms landing-pages next-js nocode headless-commerce

ReactShadow - :beginner: Utilise Shadow DOM in React with all the benefits of style encapsulation.

Javascript

Utilise Shadow DOM in React with all the benefits of style encapsulation.

react reactjs shadow-dom webcomponents components style-encapsulation shadow-boundary css-document react-shadow-dom react-shadow-boundary react-template react-webcomponents react-web-components react-encapsulation

ReactiveElements - Allows to use React.js component as HTML element (web component)

Javascript

Original children of a custom element is injected to component as this.props.children. In this case this.props.children is equal to "Hello world".

reactjs webcomponents react web-components custom-elements

bounty - Javascript and SVG odometer effect library with motion blur

Javascript

JavaScript odometer or slot machine effect library for smoothly transitioning numbers with motion blur. Library uses functional approach and ES7 Function Bind Syntax. Internally based on SVG. See the live version.