Lit Labs

Lit Labs is an umbrella for Lit packages under development that we are actively seeking feedback on. While we encourage real-world use in order to help the feedback process, please note:

• Lit Labs projects are published under the @lit-labs npm scope.
• Breaking changes are likely to occur more frequently than in non-labs packages, but they will still respect standard semantic versioning guildelines and all changes will be published to the CHANGELOG files.
• While we strive to address all bugs in a timely fashion, bugs in non-labs projects typically receive higher priority than bugs in labs projects.
• When a Lit Labs project is ready to graduate out of labs, we'll begin publishing it under the @lit scope. (For example, @lit-labs/task might graduate to @lit/task.) Once a package graduates, its first version under the @lit scope will match that of the latest in @lit-labs—but only the @lit version will receive subsequent updates.
• We may decide to deprecate a Lit Labs project. In such cases, we will notify the community, and a deprecation warning will be added to the npm package. The deprecated package will receive bug fix support for at least 6 months. A record of historical labs packages will be kept on this page.

Feedback is currently being solicited on the following Labs packages:

<style> .labs-table-links { font-size: 0.9em; line-height: 1.5; } </style> <table class="directory"> <thead><tr><th>Package</th><th>Description</th><th>Links</th></tr></thead> <tbody> <tr class="subheading"><td colspan=3>Near graduation</td></tr> <tr> <td>

context

</td> <td>

A package containing controllers and decorators for using the Context Protocol.

</td> <td class="labs-table-links">

📄 Docs 💬 Feedback 🐞 Issues

</td> </tr> <tr> <td>

react

</td> <td>React integration helpers for custom elements and reactive controllers.</td> <td class="labs-table-links">

📄 Docs 💬 Feedback 🐞 Issues

</td> </tr> <tr> <td>

scoped-registry-mixin

</td> <td>

Mixin for Lit that integrates with the speculative Scoped CustomElementRegistry polyfill.

</td> <td class="labs-table-links">

📄 Docs 💬 Feedback 🐞 Issues

</td> </tr> <tr class="subheading"><td colspan=3>Under development</td></tr> <tr> <td>

eleventy-plugin-lit

</td> <td>

A plugin for Eleventy that pre-renders Lit components at build time, with optional hydration.

</td> <td class="labs-table-links">

📄 Docs 💬 Feedback 🐞 Issues

</td> </tr> <tr> <td>

motion

</td> <td>Animation helpers for Lit templates.</td> <td class="labs-table-links">

📄 Docs 💬 Feedback 🐞 Issues

</td> </tr> <tr> <td>

observers

</td> <td>A set of reactive controllers that facilitate using the platform observer objects.</td> <td class="labs-table-links">

📄 Docs 💬 Feedback 🐞 Issues

</td> </tr> <tr> <td>

ssr

</td> <td>A package for server-side rendering Lit templates and components.</td> <td class="labs-table-links">

📄 Docs 💬 Feedback 🐞 Issues

</td> </tr> <tr> <td>

task

</td> <td>A reactive controller for handling asynchronous tasks.</td> <td class="labs-table-links">

📄 Docs 💬 Feedback 🐞 Issues

</td> </tr> <tr> <td>

testing

</td> <td>A package containing testing utilities for Lit including generating server-side rendered fixtures.</td> <td class="labs-table-links">

📄 Docs 💬 Feedback 🐞 Issues

</td> </tr> <tr> <td>

virtualizer

</td> <td>A package that provides viewport-based virtualization (including virtual scrolling) for Lit.</td> <td class="labs-table-links">

📄 Docs 💬 Feedback 🐞 Issues

</td> </tr> <tr class="subheading"><td colspan=3>Prototyping</td></tr> <tr> <td>

analyzer

</td> <td>A static analyzer for Lit.</td> <td class="labs-table-links">

📄 Docs 🐞 Issues

</td> </tr> <tr> <td>

cli

</td> <td>A command line tool for Lit.</td> <td class="labs-table-links">

📄 Docs 🐞 Issues

</td> </tr> <tr> <td>

router

</td> <td>A component-oriented router API vended as reactive controllers.</td> <td class="labs-table-links">

📄 Docs 💬 Feedback 🐞 Issues

</td> </tr> </tbody> </table>