lit

The "Awesome Lit" project is a curated collection of resources dedicated to Lit, a library for building web components with a declarative template system. Lit simplifies the process of creating reusable, high-performance web components by providing a powerful templating engine and reactive data binding. This list includes libraries, tools, tutorials, and community resources that cater to both beginners and experienced developers. Whether you are looking to enhance your web applications with custom elements or seeking inspiration for your next project, this collection offers valuable insights and tools to help you harness the full potential of Lit.

web-componentslitjavascripttemplatingfrontend-developmentreactive-programming

RSS View on GitHub

1.7k stars97 forks0 contributorsUpdated

Community-curated · Updated weekly · 100% open source

Found a gem we're missing?

Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.

Submit a project Star on GitHub

lit

web-componentslitjavascripttemplatingfrontend-developmentreactive-programming

RSS View on GitHub

1.7k stars97 forks0 contributorsUpdated

Community

5 projects

Discord

discord.com

GitHub

A simple library for building fast, lightweight web components with reactive state and declarative templates.

TypeScript21,7321 month ago

Overview

3 projects

Lightning-fast templates & Web Components: lit-html & LitElement

developers.google.com

Lit 2.0: Meet Lit, all over again!

lit.dev

Announcing Lit 2 stable release

lit.dev

Starter Templates

13 projects

Gracile Starters

A collection of starter templates for the Gracile web framework, showcasing various configurations and features.

TypeScript11 year ago

LitElement JavaScript starter

A starter template for building web components with LitElement and JavaScript.

JavaScript2101 year ago

LitElement TypeScript starter

A starter template for building web components with LitElement and TypeScript.

JavaScript5397 months ago

hello-web-components

A starter hello-world web component built with TypeScript and Lit, featuring unit and end-to-end testing.

TypeScript3224 days ago

Lit Sass JavaScript Starter

A minimal starter template for building web components with Lit, SASS, and JavaScript using Rollup.

JavaScript13 years ago

Lit Sass TypeScript Starter

A minimal starter template for building web components with Lit, TypeScript, and SASS using Rollup.

JavaScript243 years ago

Lit Webpack Starter

A starter template for building multipage applications with Lit, TypeScript, Webpack, and SCSS.

JavaScript91 year ago

Create Open Web Components

open-wc.org

pwa-starter

An opinionated starter template for building production-ready Progressive Web Apps with best practices included.

TypeScript1,3207 days ago

pwa-lit-template

A template for building Progressive Web Applications using Lit and Vaadin Router with modern web standards.

TypeScript1833 years ago

Vite Lit Element TS SASS

A Vite template for building Lit web components with TypeScript and Sass support.

TypeScript743 years ago

Vite Lit Starter

A fast frontend build tool with instant server start and lightning-fast hot module replacement.

TypeScript82,0473 hours ago

Vite Lit + Tailwind

A starter template for building Lit web components with Tailwind CSS v4 using Vite and TypeScript.

CSS79 months ago

Codelabs

6 projects

Build a Brick Viewer with lit-element

codelabs.developers.google.com

Build a Story Component with lit-element

codelabs.developers.google.com

From Web Component to Lit Element

codelabs.developers.google.com

Lit for React Developers

codelabs.developers.google.com

Tutorials

17 projects

Building A Retro Draggable Web Component Using Lit

smashingmagazine.com

Building a Rich Text Editor with Lit

rodydavis.com

Draggable DOM with Lit

rodydavis.com

Getting started with LitElement and TypeScript

labs.thisdot.co

Here's a minimalist no-frills Redux Toolkit & LitElement example

dev.to

JSON to HTML Table with Lit

rodydavis.com

lit-html Part 1 - A solution for DOM management in web components

terodox.tech

lit-html Part 2 - Working with attributes and properties

Lit and Monaco Editor

rodydavis.com

Lit and VSCode Extensions

rodydavis.com

Lit Sheet Music

rodydavis.com

Navigation Lifecycle using Vaadin Router, LitElement and TypeScript

labs.thisdot.co

Recreating The Arduino Pushbutton Using SVG And <lit-element>

smashingmagazine.com

Routing Management with LitElement and TypeScript

labs.thisdot.co

Some things to know about Lit

dev.to

Related Awesome Lists

💚

Vue.js

The "Awesome Vue.js" project is a curated collection of resources aimed at supporting developers using Vue.js, a progressive JavaScript framework for building user interfaces. This list encompasses a variety of resources including libraries, tools, plugins, tutorials, and community contributions that enhance the development experience. Whether you are a beginner looking to learn the basics or an experienced developer seeking advanced techniques, this list provides invaluable resources to help you create dynamic and responsive web applications. Dive into this collection to discover tools and insights that will elevate your Vue.js projects to the next level.

73.6k

⚛️

React

The "Awesome React" project is a curated resource list designed to support developers using React, a popular JavaScript library for building user interfaces. This list includes a wide range of resources such as libraries, tools, tutorials, components, and community-driven content that enhance the development experience. Whether you are a beginner looking to learn the basics or an experienced developer seeking advanced techniques, this collection provides valuable insights and tools to streamline your workflow. Dive into the world of React and discover the resources that will help you create dynamic and responsive user interfaces with ease.

72.7k

📦

Android UI

The "Awesome Android UI" project is a curated resource list dedicated to enhancing user interface design for Android applications. Android UI refers to the visual elements and interactive components that make up the user experience on Android devices. This list includes a variety of resources such as UI libraries, design tools, components, animations, and tutorials that cater to both novice and experienced developers. By providing a comprehensive selection of resources, this project empowers developers to create visually appealing and user-friendly applications. Whether you're looking for inspiration or practical tools to streamline your design process, you'll find valuable assets to elevate your Android UI development.

55.8k

🌊

Tailwind CSS

The "Awesome Tailwind CSS" project is a comprehensive repository of resources dedicated to using Tailwind CSS, a utility-first CSS framework for building custom user interfaces rapidly. This curated list includes official documentation, IDE extensions, tools, UI libraries, components, and plugins, providing valuable aids for developers of all skill levels. With resources for design inspiration and development support, the project fosters a vibrant community around Tailwind CSS. Whether you’re searching for components or enhancing your workflow, this collection serves as a go-to guide for maximizing the potential of Tailwind CSS.

15.0k

Community-curated · Updated weekly · 100% open source

Found a gem we're missing?

Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.

Submit a project Star on GitHub