Skip to content

rodydavis/lit-examples

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Lit Examples

A comprehensive collection of modular Lit web components, prototypes, and full-stack integration examples.

⚡ Lit Showcase

Explore all components natively in the interactive Lit Showcase Hub or view the Live Demo.

📦 Project Structure

Modular Components (/lit-components)

Full Applications & Integrations

🛠️ Getting Started

Prerequisites

Installation

npm install

Development

Start the interactive showcase:

npm run dev

Testing

Run the comprehensive test suite (Vitest + Happy DOM):

npm test

Building

Build all examples as a unified Multi-Page Application (MPA):

npm run build

✨ Recent Improvements

  • Performance: Implemented dynamic imports for heavy dependencies (A-Frame, Three.js) to optimize load times and test execution.
  • Instance Reuse: Refactored complex components (Force Graph, Draggable DOM) to reuse instances and prevent memory leaks.
  • UI/UX: Overhauled lit-html-table with modern accessibility-focused styling and improved lit-draggable-dom coordinate mapping for perfect panning.
  • Consistency: Unified all subprojects into a single Vite-powered monorepo structure with shared testing and build configurations.