Tags / lit

lit 17 posts

Migrating my Blog to PocketBase

The author details a multi-stage process of migrating their personal blog across various technologies—including Wix, Jekyll, 11ty, and web components—before moving to Obsidian.

2025-01-20 20:08:23.622Z Read post

How to create HTML Web Components with Dart

Learn how to create re-usable, framework-agnostic HTML Web Components using Dart, allowing developers to build modern web applications and progressively enhance existing sites.

2025-02-14 12:00:00.000Z Read post

Lit and Flutter

Learn how to integrate Lit web components into Flutter, enabling developers to embed existing web applications into cross-platform mobile apps while accessing device APIs and handling updates seamlessly.

2025-01-20 02:22:00.005Z Read post

Dynamic Themes with CodeMirror

This tutorial guides users on how to create a dynamic, themed code editor by integrating CodeMirror within a Lit web component and applying Material Design theming.

2025-01-19 23:52:54.455Z Read post

Lit and Figma

Learn how to integrate Lit web components into Figma by setting up a comprehensive plugin development environment using Node.js and TypeScript.

2025-01-20 02:00:23.655Z Read post

Draggable DOM with Lit

Learn how to create an interactive, draggable DOM using Lit web components, CSS transforms, and slots.

2025-01-19 08:19:15.899Z Read post

2D or 3D Force Graph with Lit

Learn to create dynamic 2D or 3D force graphs using Lit in this comprehensive tutorial, including setup instructions, code examples, and a full source repository.

2025-01-19 06:03:11.263Z Read post

JSON to HTML Table with Lit

Learn how to create dynamic HTML tables using a Lit web component that can generate tables either from a remote JSON URL or inline JSON data.

2025-01-20 01:18:07.887Z Read post

Lit and Monaco Editor

This guide provides a technical tutorial on how to integrate the powerful Monaco Editor (the engine behind VSCode) into a reusable web component using Lit.

2025-01-20 02:32:31.800Z Read post

Building a Rich Text Editor with Lit

How to build a rich text editor using Lit web components, covering setup, dependencies, and code implementation.

2025-01-19 07:04:52.222Z Read post

Lit Sheet Music

Use the Lit web component and OpenSheetMusicDisplay to dynamically render and resize sheet music (MusicXML) from a source or inline XML directly within a web page.

2025-01-20 02:46:46.248Z Read post

Lit and VSCode Extensions

A guide detailing the steps to set up a Lit web component and integrate it into a functional VSCode extension using Vite and TypeScript.

2025-01-20 02:41:17.941Z Read post

Building a HTML Element Sandbox with Lit

This guide details how to build a reusable HTML Element Sandbox component using Lit web components, enabling the development and live updating of embedded third-party content.

2025-01-19 06:17:00.655Z Read post

Chat With Lit #1 - Westbrook Johnson (Adobe)

Lit hosts Adobe's Westbrook Johnson for the first episode of "Chat With Lit," discussing web components, the Spectrum project, and the state of the web components community.

2021-07-24T00:00:00.000Z Read post

Interview with Rody Davis - Firebase

Firebase Developer Advocate Rody Davis explains how Firebase simplifies mobile and web application development by offering easy access to necessary features like databases, authentication, and secure AI integration.

2025-10-21T00:00:00.000Z Read post

Building AI Powered Experiences with Firebase Studio and Firebase Platform - Rody Davis Building AI Powered Experiences with Firebase Studio and Firebase Platform - Rody Davis

Learn how Firebase Studio simplifies building AI backends by demonstrating how to use the Gemini API within the Firebase ecosystem to rapidly prototype and deploy intelligent applications.

2025-09-29T00:00:00.000Z Read post

Design at scale with Web Components (and ducks)

Web Components offer a scalable solution for design systems, enabling teams to create and deploy consistent, on-brand user experiences across any modern web framework.

2020-12-22T00:00:00.000Z Read post