Try LitElement in live-editable code without installing anything. Build your first component, use it in a web page, and add style with CSS.

This tutorial has live code samples that you can edit, like this:

{% include project.html folder="try/create/after" openFile="my-element.js" %}

Click Preview at any time to see your code in action.

{:.alert .alert-info}

If you're doing the tutorial in your local development environment, you'll need to make some changes to the code on this page. The code samples on this page are written for the live StackBlitz editor. To work locally, see the Getting Started page.

Next: 1. Create a component