Skip to main content

Getting Started

There are many ways to get started using Lit, from our Playground and interactive tutorial to installing into an existing project.

Get started right away with the interactive playground and examples. Start with editable "Hello World" examples in JavaScript and TypeScript, then customize them or move on to more examples.

Take our step-by-step tutorial to learn how to build a Lit component in minutes.

We provide TypeScript and JavaScript component starter kits for creating standalone reusable components. See Starter Kits.

Lit is available as the lit package via npm.

Then import into JavaScript or TypeScript files:

Add Lit to an existing project

Permalink to Add Lit to an existing project

See Adding Lit to an existing project for instructions on adding Lit to an existing project or application.

The Open WC project has a project generator that can scaffold out an application project using LitElement.