Learn about Web Components: create reusable HTML tags with JavaScript for progressive web app enhancement, framework compatibility, and independent deployment.
Create a Lit web component with CodeMirror and Material Design for a dynamic code window, using Vite and TypeScript.
This article provides a tutorial on setting up a Lit web component and using it to build a Figma plugin, including project setup, dependencies, and build scripts, with the complete source code available on GitHub.
Create a live, updatable HTML element sandbox using Lit and Vite, with detailed setup instructions and a working demo.
Create an interactive DOM with CSS transforms using Lit, Vite, and TypeScript, as demonstrated in this tutorial with code and a live demo.
Create a 2D/3D force graph using Lit, with setup instructions, dependencies, and a basic template.
This tutorial demonstrates how to set up and use a Lit web component for creating a rich text editor, including project setup, configuration, and a basic HTML template.
This tutorial demonstrates setting up a WebRTC video calling example using PocketBase as a signaling server with SQLite and Server Sent Events, providing instructions for server setup and collection creation.
This article details how to build a static site multi-page application using file-based routing with TypeScript, including setup instructions for a project structure, `tsconfig.json`, and `package.json` files.
Apply Material 3 styling to Material 2 components using CSS variables for color customization, leveraging system colors for a cohesive look.