Libraries and Tools

Modern and lightweight solutions for building web components with zero boilerplate.

All the Ways to Make a Web Component

Compare coding style, bundle size and performance of different ways to make a Web Component.

Atomico

A library for creating web components with React-inspired syntax.

base-custom-webcomponent

A simple base class for creating Web Components in TypeScript with custom template and bindings syntax.

Catalyst

A set of patterns and techniques for developing components within a complex application.

Custom Elements Locator

Chrome extension to find custom elements used on a page.

DNA

A view library with for creating reactive and functional web components.

Enhance

Standards-based HTML framework for building lightweight web applications.

FAST Element

A lightweight means to build performant, memory-efficient web components.

Ficus

Lightweight libraries and tools for building modern web applications.

Haunted

React's Hooks API implemented for web components and Lit or hyperHTML.

Hybrids

UI framework for creating fully-featured web applications, components libraries, or single web components.

Joist

Set of small libraries designed to add the bare minimum to web components to make you as productive as possible.

Lightning Web Components

A blazing fast, enterprise-grade web components foundation.

Lit

A simple library for building fast, lightweight web components.

Omi

A cross-frameworks framework based on web components and JSX / TSX.

Rocket

The modern web setup for static sites with a sprinkle of JavaScript.

Solid Element

Web components wrapper for Solid with modular behaviors and composition.

Stencil

A compiler that generates small, blazing fast web components.

Tonic

A low profile component framework based on web components.

Web Component DevTools

Browser extension enhancing the developer experience of Web Component developers.

Web Components Compiler

Compiler to make server-side rendering of native web components easier.

web-component-designer

WYSIWYG tool for creating web components or HTML pages.

WebC

Framework-independent standalone HTML serializer for generating markup for web components.

WebComponents.dev

Online IDE for building and publishing web components.

Edit this page on GitHub