---
layout: try
title: Try LitElement
---

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}
<div>

**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](start). 

</div>

[Next: 1. Create a component](create)

---
layout: try
title: Try LitElement
---

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}
<div>

**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](start). 

</div>

[Next: 1. Create a component](/try/create)

Fix broken link and remove obsolete page
Fix broken link and remove obsolete page
