Top 59 web-component open source projects

Create Web Components with React

The Web Component providing a date selection field with scrollable month calendar. Part of the Vaadin components.

🎹 Play and display MIDI files on the web

A web component to use Phaser Framework with Angular, React, Vue, etc 🎮

Web Components engine based on JSX & TypeScript

基于 React 的桌面端UI组件库

The Web Component for displaying a list of items with filtering. Part of the Vaadin components.

🌄 A web component that displays a set of images with a ken burns effect

Web Components for the Calcite Design System. Built with Stencil JS. Currently in Beta!

Duet Date Picker is an open source version of Duet Design System’s accessible date picker. Try live example at https://duetds.github.io/date-picker/

Component-based UIs with vanilla ES6 and Custom Elements

The Web Component for uploading multiple files with progress indication. Part of the Vaadin components.

Web component element for the Geolocation API

Finally a Predicate/Rule Editor UI component for the Web 🚀

Custom hook to bridge Custom Elements (Web Components) to React.

Client-side support for CSS custom properties (aka "CSS variables") in legacy and modern browsers

A web component to embed in your personal site to show you stand with the protests against racism and police brutality

A programmable version of Neil Thapen's Pink Trombone

Carousel as a Vanilla Web Component.

Easy to use augmented reality web components

Vaadin Charts is a feature-rich interactive graph library that answers the data visualization needs of modern web applications

Image comparison slider. Compare images before and after. Supports React, Vue, Angular.

⚡️ LWC - A Blazing Fast, Enterprise-Grade Web Components Foundation

The Web Component providing configurable responsive layout for form elements. Part of the Vaadin components.

Polymer based timezone selection component

Canvas based data grid web component. Capable of displaying millions of contiguous hierarchical rows and columns without paging or loading, on a single canvas element.

Lottie viewer/player as an easy to use web component! https://lottiefiles.com/web-player

Polymer bindings for Redux.

vaadin-grid is a free, high quality data grid / data table Web Component. Part of the Vaadin components.

🎨 A web component for drawing patterns with CSS.

Web Component extending IFrame to bypass X-Frame-Options: deny/sameorigin

FrontEnd Knowledge Package 📦

A ready-to-use project template to build custom elements (web components) with Svelte 3 with support and examples for web components, jest, sass, nested components with props, eslinting, stylelinting, Github actions, propagating custom events from shadow-DOM to real-DOM etc.

The themable Web Component providing input controls. Part of the Vaadin components.

Vaadin Icons is a collection of 600+ unique icons designed for web applications

Powerful and Fast Web Component Library with a Simple API

Data table with Polymer 3 support!

Moved to Polymer/tools monorepo

A web component for presenters

Mini music player for website

A complete and simple to use share menu.

The Web Component which allows you to partition a layout into resizeable areas. Part of the Vaadin components.

Fetch API implementation with Stenciljs

A web component that wraps other share elements to replace with a web share button where supported.

Select Dropdown with list of countries with flags and autocomplete

A powerful and flexible MVC data binding library

Lightweight library providing interface for building web components

🦋 xLayers' viewer as a Web Component 🦋

Vanilla JS/CSS Switch UI element

Ember.js Component for Bootstrap 3 pagination & pager components

Material Design bottom-nav https://material.io/guidelines/components/bottom-navigation.html

High quality web component for modal dialogs. Part of the Vaadin platform.

Web Component for creating flexible responsive layouts and building nice looking dashboards.

Web-component for creating & showing VSM-sentences — Visual Syntax Method

A feature-rich JS pivot grid library for creating interactive reports. Integrates with any front-end technology

Vidyano Web²

Kapsule - A closure based Web Component library

Web Component that allows to resize its childrens vertically or horizontally

A micro-library for collecting stylesheet data from link and style nodes