Wow Components

Collect a selection of interesting and functional web components, not UI components.

Awesome web components resources and tips.

There must be some missing, pr welcome!

The following are arranged in alphabetical order, regardless of case.

Contents

• api-viewer-element: API documentation and live playground for Web Components. Based on Custom Elements Manifest format.

• asyncapi-react: React component for rendering documentation from your specification in real-time in the browser. It also provides a WebComponent and bundle for Angular and Vue.

• brainy-table: Polymer 1.x table element.

• danmaku-player: An HTML5 danmaku video player for real-time image processing using WebGl and Web Components.

• dockbar: A macOS-like dock component made with WebComponents.

• dom-repeat-n: A template element that repeat n times its content.

• element-router: A simple router for webcomponents.

• embed-page: Proof of concept for Embeddable Progressive Application - a microapplication container, a WebComponent acting as seamless IFRAME or html include.

• figspec: Unofficial Figma spec viewer: Live Embed Kit - Live + Guides + Inspector.

• gantt-chart: Web component implementation of a Gantt chart.

• gif-player: Control your animated GIFs.

• google-chart: Google Charts API web components.

• h-include: Declarative client-side inclusion for the Web, using Custom Elements V1.

• hy-push-state: Turn static web sites into dynamic web apps.

• ivid: (cyoa) interactive video player.

• json-viewer: Web Component to visualize JSON data in a tree view.

• LaTeX.js: JavaScript LaTeX to HTML5 translator.

• Lit-Grid-Layout: Grid Layout using Lit Element.

• masonry-layout: An efficient and fast web component that gives you a beautiful masonry layout.

• mathlive: A web component for easy math input.

• micro-app: A lightweight, efficient and powerful micro front-end framework.

• model-viewer: Easily display interactive 3D models on the web and in AR.

• myscript-math-web: The easy way to integrate mathematical expressions handwriting recognition in your web app.

• myscript-text-web: The easy way to integrate text handwriting recognition in your web app.

• neovim-component: <neovim-editor> WebComponent to embed Neovim to your app with great ease.

• OrgChart-Webcomponents: It's a simple and direct organization chart plugin. Anytime you want a tree-like chart, you can turn to OrgChart.

• pdf-viewer: A pdf viewer webcomponent.

• plastic-bag: An open source library to work with micro frontends.

• polymer-ui-router: UI-router wrapper for Web Components.

• RapiDoc: RapiDoc -WebComponent for OpenAPI Spec.

• revogrid: Powerful virtual data grid smartsheet with advanced customization. Best features from excel plus incredible performance.

• router-slot: A powerful web component router.

• Slidy: Sliding action script.

• sortable-list: A web component for reorderable drag-and-drop lists on modern browsers and touch devices.

• split-me: Universal web component to create resizable split layouts.

• stenciljs-virtual-scroll: Virtual Scroll Web Component with DIFFERENT element height.

• stl-part-viewer: A lit-element web component that uses Three.js to display an STL model file.

• the-grid: Grid layout custom element with drag and drop capabilities.

• three-web-components: A collection of Web Components to compose Three.js apps.

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

• vaadin-split-layout: The Web Component which allows you to partition a layout into resizeable areas. Part of the Vaadin components.

• zero-md: Ridiculously simple zero-config markdown displayer.