A production-ready starter template for building web components, covering the full project scaffolding so developers can focus on component behavior. It includes an interactive setup wizard, multiple import patterns (auto-define and manual registration), a Vitest + Happy DOM testing setup, ESLint/Prettier configuration, GitHub Actions CI/CD workflows, and automated npm publishing via OIDC. The template bakes in Custom Elements v1 best practices including Shadow DOM encapsulation, property-to-attribute reflection, accessible patterns, and progressive enhancement. A companion best-practices document explains the reasoning behind each pattern.
Table of contents
# What’s included# Quick start with interactive setup# Flexible import patterns# Testing made easy# Automated publishing with OIDC# Following best practices# Why I built this7 Impressions