Loading…

Joe Steinbring

Lit

A small base class for writing custom elements, with reactive properties and templating. Where Web Awesome is a set of finished components, Lit is the tool for building your own.

I have used Lit to author lightweight web components with reactive properties, templates, and encapsulated styles.

Articles written
3
Project
Visit Lit

Experience highlights

  • Build reusable custom elements on browser-native standards.
  • Use concise reactive rendering without committing components to a larger framework.

From the blog

Related writing

Articles from JWS News and DEV that relate to Lit.

Finding related posts…

From CodePen

Small, self-contained Lit examples that I published publicly.

  1. Autocomplete -- Web Component 1

    See it runningSee the code

  2. Autocomplete -- Web Component 2

    See it runningSee the code

  3. Autocomplete -- Web Component 3

    See it runningSee the code

  4. Autocomplete -- Web Component 4

    See it runningSee the code

  5. Lit array output -- 1

    See it runningSee the code

  6. Lit array output -- 2

    See it runningSee the code

  7. Lit array output -- 3

    See it runningSee the code

  8. Web Components -- Lit 1

    See it runningSee the code

  9. Web Components -- Lit 2

    See it runningSee the code

View all of my pens on CodePen

From GoToSocial

Related thoughts

Short posts about Lit, matched by topic hashtags.

  • #lit
  • #litelement
  • #webcomponents
  • #litwebcomponents
Finding related thoughts…