A starter template for building web components with LitElement and JavaScript.
LitElement JavaScript starter is a pre-configured project template for building web components using LitElement with JavaScript. It provides a ready-to-use development environment with testing, linting, and documentation tools, allowing developers to quickly start creating custom elements without manual setup. The template is based on Lit 3.0 pre-release and follows Lit's best practices for component development.
Frontend developers and teams looking to build reusable web components with LitElement and JavaScript, especially those starting new projects or learning Lit's ecosystem.
It offers a standardized, opinionated setup that includes modern tooling and workflows, reducing initial configuration time. The template is maintained by the Lit team, ensuring alignment with Lit's evolving best practices and easy upgrades.
Sample component project using LitElement, in JavaScript
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Includes @web/test-runner for testing and @web/dev-server for development with live-reload, streamlining workflows as outlined in the README's setup sections.
Based on Lit 3.0 pre-release with minimal breaking changes from Lit 2.0, ensuring easy upgrades and interoperability, per the 'About this release' section.
Comes with ESLint, Prettier, and lit-analyzer for linting and formatting, reducing manual configuration for consistent code standards.
Integrates Eleventy static site generator to build project docs from markdown, facilitating documentation from the start, as described in the static site section.
Relies on Lit 3.0 pre-release, which may introduce instability or changes before the final release, as cautioned in the README's release notes.
Rollup configuration is only for docs generation, not for optimizing component bundles, requiring additional setup for production deployments, as stated in the bundling section.
Includes multiple tools like Eleventy and linting setups, which can be excessive for simple projects or add complexity for developers preferring leaner environments.