Skip to main content

Lit Labs

Lit Labs is an umbrella for projects related to Lit that aren't quite ready for production. These projects may be experimental or incomplete, and they're subject to breaking changes. Lit Labs projects are published under the @lit-labs npm scope.

Current Lit Labs projects include:

  • Motion. Animation helpers for Lit templates. The @lit-labs/motion package includes an animate directive for adding tweening animations when an element changes state, as well as an AnimateController class for programmatically controlling and coordinating animations. You can find a number of motion examples in the Playground.
  • React. React integration helpers for custom elements and reactive controllers.
  • scoped-registry-mixin Mixin for Lit that integrates with the speculative Scoped CustomElementRegistry polyfill.
  • SSR. A package for server-side rendering Lit templates and components.
  • Task. A reactive controller for handling asynchronous tasks.

When a Lit Labs project is ready for production it may be migrated to a new location outside of Lit Labs. For example, the @lit/localize package started out as a Lit Labs project.