# Made with Lit — full catalog

> A curated, daily-updated gallery of the best open-source projects built with Lit, ranked by GitHub stars. Discover dashboards, UI kits, e-commerce, blogs and dev tools.

## About

- Gallery: https://madewithwhat.net/lit/
- Curated summary: https://madewithwhat.net/lit/llms.txt
- Projects indexed: 92
- Data source: GitHub (refreshed daily)
- Last scraped: 2026-07-22T09:29:06.814270+00:00

## UI Kits (47)

- [material-web](https://madewithwhat.net/lit/project/material-web/): Material Design Web Components (11,091 stars, Apache-2.0)
- [form](https://madewithwhat.net/lit/project/form/): Headless, performant, and type-safe form state management for TS/JS, React, Vue, Angular, Solid, and Lit. (6,604 stars, MIT)
- [component-party.dev](https://madewithwhat.net/lit/project/component-party-dev/): Web component JS frameworks overview by their syntax and features (3,329 stars, MIT)
- [covalent](https://madewithwhat.net/lit/project/covalent/): Covalent - A Design System for Teradata (2,225 stars, MIT)
- [selecto](https://madewithwhat.net/lit/project/selecto/): Selecto.js is a component that allows you to select elements in the drag area using the mouse or touch. (2,216 stars, MIT)
- [unpic-img](https://madewithwhat.net/lit/project/unpic-img/): Multi-framework responsive image component (2,062 stars)
- [gramps-web](https://madewithwhat.net/lit/project/gramps-web/): Open Source Online Genealogy System (1,527 stars, AGPL-3.0)
- [baklava](https://madewithwhat.net/lit/project/baklava/): Baklava is a design system provided by Trendyol to create a consistent UI/UX for app users. (1,385 stars, MIT)
- [pwa-install](https://madewithwhat.net/lit/project/pwa-install/): Installation dialog for Progressive Web Application. Provides a more convenient user experience and fixes the lack of native dialogs in some browsers. (872 stars, MIT)
- [agnosticui](https://madewithwhat.net/lit/project/agnosticui/): AgnosticUI Local (v2) is a CLI-based UI component library that copies components directly into your project. Works with AI tools, agent-driven UIs, and prompt-ready workflows. (820 stars, Apache-2.0)
- [phantom-ui](https://madewithwhat.net/lit/project/phantom-ui/): Structure-aware skeleton loader. One Web Component, every framework. (735 stars, MIT)
- [material-theme-builder](https://madewithwhat.net/lit/project/material-theme-builder/): Visualize dynamic color and create a custom Material Theme. (595 stars, Apache-2.0)
- [elements](https://madewithwhat.net/lit/project/elements/): Web component library for developing Visual Studio Code extensions (454 stars, MIT)
- [giscus-component](https://madewithwhat.net/lit/project/giscus-component/): Component library for giscus, a comment system powered by GitHub Discussions. (435 stars, MIT)
- [carbon-for-ibm-dotcom](https://madewithwhat.net/lit/project/carbon-for-ibm-dotcom/): Carbon for IBM.com is based on the Carbon Design System for IBM (293 stars, Apache-2.0)
- [fred](https://madewithwhat.net/lit/project/fred/): MDN's frontend since late 2025, built with Web Components, Lit, and SSR for a fast, clean documentation experience. Fred = /fr(ont)e(n)d/. (227 stars, MPL-2.0)
- [icons](https://madewithwhat.net/lit/project/icons/): Effortless Icon Packs & Components for Svelte, React, Vue and more.. (201 stars, MIT)
- [atomium](https://madewithwhat.net/lit/project/atomium/): Atomium is an internal design system for 'Juntos Somos Mais' using Web Components (181 stars, MIT)
- [jsfe](https://madewithwhat.net/lit/project/jsfe/): A Custom Element that auto-generates forms, declaratively. Works with Lit, Solid, Vue, Svelte, React, Astro, vanilla… (180 stars, ISC)
- [m3e](https://madewithwhat.net/lit/project/m3e/): Material 3 Expressive Web Components (167 stars, MIT)
- [web-component-devtools](https://madewithwhat.net/lit/project/web-component-devtools/): Web Component DevTools is a Browser Extension enhancing the development experience of Web Component developers (156 stars, MIT)
- [eslint-plugin-lit](https://madewithwhat.net/lit/project/eslint-plugin-lit/): lit-html support for ESLint (137 stars, MIT)
- [pharos](https://madewithwhat.net/lit/project/pharos/): JSTOR's design system (131 stars, MIT)
- [outline](https://madewithwhat.net/lit/project/outline/): Tooling infrastructure for modern web component development. (130 stars, MIT)
- [lit-redux-router](https://madewithwhat.net/lit/project/lit-redux-router/): Declarative way of routing for lit-html powered by pwa-helpers, redux and lit-element (124 stars, MIT)
- [bui](https://madewithwhat.net/lit/project/bui/): ‹B› Web components, classes, and utilities for creating single-page PWAs – built with Lit by Blackstone Publishing (111 stars)
- [banana-ui](https://madewithwhat.net/lit/project/banana-ui/): Web Components，。https://banana-ui.com (109 stars, MIT)
- [dile-components](https://madewithwhat.net/lit/project/dile-components/): Custom elements catalog for all kind of projects and frameworks. (106 stars, MIT)
- [a2k](https://madewithwhat.net/lit/project/a2k/): Capture the feel of the early web with A2k, the Windows2000 inspired web component library (95 stars, MIT)
- [openbridge-webcomponents](https://madewithwhat.net/lit/project/openbridge-webcomponents/): OpenBridge design system implemented as Lit-based web components with support for all major frontend frameworks. (84 stars, Apache-2.0)
- [storybook-addon-pseudo-states](https://madewithwhat.net/lit/project/storybook-addon-pseudo-states/): Storybook Add-on to enable automatic generation and displaying of CSS pseudo states for components. (79 stars, MIT)
- [refinitiv-ui](https://madewithwhat.net/lit/project/refinitiv-ui/): Element Framework is a set of web components based on LSEG Workspace design system, Halo. (70 stars)
- [trendchart-elements](https://madewithwhat.net/lit/project/trendchart-elements/): Web components to generate simple charts representing trends (64 stars, MIT)
- [green](https://madewithwhat.net/lit/project/green/): Green is an open-source design system built by SEB. (58 stars, Apache-2.0)
- [limette](https://madewithwhat.net/lit/project/limette/): The full-stack framework for Web Components (Lit) and Deno. (55 stars, MIT)
- [advanced-chat-kai](https://madewithwhat.net/lit/project/advanced-chat-kai/): A highly customizable chat Web Component that integrates easily with shadcn - works with any framework (React, Vue, Angular, Svelte, etc.) (53 stars, MIT)
- [lit-css](https://madewithwhat.net/lit/project/lit-css/): Build Plugins for CSS tagged-template-literals (52 stars, MIT)
- [wc-context](https://madewithwhat.net/lit/project/wc-context/): Context for Web Components (48 stars, MIT)
- [jira-search-helper](https://madewithwhat.net/lit/project/jira-search-helper/): "Jira Search Helper" is a project to search more detail view and support highlight than original jira search (47 stars, MIT)
- [material-web-components-react](https://madewithwhat.net/lit/project/material-web-components-react/): Material Web Components for React (45 stars, MIT)
- [wc-github-corners](https://madewithwhat.net/lit/project/wc-github-corners/): A web component for github corners. Can be used anywhere. (44 stars, MIT)
- [wm-project-astro-components](https://madewithwhat.net/lit/project/wm-project-astro-components/): 150+ production-ready, accessible, GDPR-compliant Astro components (44 stars)
- [pure-lit](https://madewithwhat.net/lit/project/pure-lit/): Register your lit-elements as a pure functions. (25 stars, ISC)
- [message-box](https://madewithwhat.net/lit/project/message-box/): <message-box/> is a Web component implemented on Lit-Element library. (24 stars, BSD-3-Clause)
- [lit-line](https://madewithwhat.net/lit/project/lit-line/): lit-line is a minimal line chart web component for modern websites. (22 stars)
- [web-components](https://madewithwhat.net/lit/project/web-components/): A monorepo for the core libraries of our Design System. (22 stars, MIT)
- [gravitee-ui-components](https://madewithwhat.net/lit/project/gravitee-ui-components/): Set of UI components used across the Gravitee.io ecosystem. (20 stars, Apache-2.0)

## DevTools (26)

- [clients](https://madewithwhat.net/lit/project/clients/): Bitwarden client apps (web, browser extension, desktop, and cli). (13,268 stars)
- [UnityURPToonLitShaderExample](https://madewithwhat.net/lit/project/unityurptoonlitshaderexample/): A very simple toon lit shader example, for you to learn writing custom lit shader in Unity URP (7,699 stars, MIT)
- [GenshinCelShaderURP](https://madewithwhat.net/lit/project/genshincelshaderurp/): URP (753 stars, MIT)
- [nugget-app](https://madewithwhat.net/lit/project/nugget-app/): Electron based video editing software. Focusing on adding motion effects using a layered editing system. (581 stars, MIT)
- [MangaOnlineViewer](https://madewithwhat.net/lit/project/mangaonlineviewer/): This scripts loads all pages(images) from the current chapter of the manga showing them in one page in a list type structure, witch helps reading faster. (506 stars)
- [consumerfinance.gov](https://madewithwhat.net/lit/project/consumerfinance-gov/): Django project protecting American consumers (330 stars, CC0-1.0)
- [devtool-plus](https://madewithwhat.net/lit/project/devtool-plus/): A VSCode extension that provides common developer tools directly in code editor (284 stars, MIT)
- [micro-lc](https://madewithwhat.net/lit/project/micro-lc/): An open source micro-frontend orchestrator (222 stars, Apache-2.0)
- [responsive-image](https://madewithwhat.net/lit/project/responsive-image/): The multi-framework JavaScript library for responsive images. (208 stars, MIT)
- [tinijs](https://madewithwhat.net/lit/project/tinijs/): The TiniJS Framework (146 stars, MIT)
- [greenwood](https://madewithwhat.net/lit/project/greenwood/): Greenwood is your workbench for the web, embracing web standards from the ground up to empower your stack from front to back. (132 stars, MIT)
- [pi-desktop](https://madewithwhat.net/lit/project/pi-desktop/): Native desktop shell for Pi Coding Agent (Tauri + Lit), extension-first and multi-session aware (98 stars, MIT)
- [Fable.Lit](https://madewithwhat.net/lit/project/fable-lit/): Write Fable Elmish apps with Lit (94 stars, MIT)
- [djangofmt](https://madewithwhat.net/lit/project/djangofmt/): A fast, HTML aware, Django template formatter, written in Rust. (81 stars, MIT)
- [maptiler-geocoding-control](https://madewithwhat.net/lit/project/maptiler-geocoding-control/): The Javascript & TypeScript Map Control component for MapTiler Geocoding service! Easy to be integrated into any JavaScript mapping application. (80 stars, BSD-3-Clause)
- [vite-lit-element-ts-sass](https://madewithwhat.net/lit/project/vite-lit-element-ts-sass/): Vite + Lit + TS + SASS = Super easy! (74 stars)
- [auto-story-generator](https://madewithwhat.net/lit/project/auto-story-generator/): Automatic real-time story file generation from React, Vue, and Lit component files (51 stars, ISC)
- [gracile](https://madewithwhat.net/lit/project/gracile/): A thin, full-stack, web framework — Powered by Vite and Lit SSR. Works with Node's HTTP or WHATWG Fetch. (51 stars, ISC)
- [stack-match](https://madewithwhat.net/lit/project/stack-match/): Find the perfect frontend framework, based on what matters most for your project (50 stars, MIT)
- [greencap-k8s](https://madewithwhat.net/lit/project/greencap-k8s/): A lightweight web platform to monitor and manage the Kubernetes clusters you already run — a friendlier alternative to OpenShift or Rancher for individuals and small teams. (49 stars, Apache-2.0)
- [profiles](https://madewithwhat.net/lit/project/profiles/): Profile management zome for Holochain hApps with at least a nickname (35 stars, MIT)
- [lit_core](https://madewithwhat.net/lit/project/lit-core/): Control LED strips with a Raspberry Pi (34 stars, GPL-3.0)
- [ai-taxonomist-webcomponent](https://madewithwhat.net/lit/project/ai-taxonomist-webcomponent/): WebComponent for identification using AI-taxonomist from Cos4Cloud (32 stars, MIT)
- [ServerWebComponent-htmx-lit-bun-elysia](https://madewithwhat.net/lit/project/serverwebcomponent-htmx-lit-bun-elysia/): A proof of concept mixing Lit and HTMX using the power of Bun under the hood (26 stars)
- [Overt](https://madewithwhat.net/lit/project/overt/): Open app store / package manager GUI client (23 stars)
- [iptv-desktop](https://madewithwhat.net/lit/project/iptv-desktop/): IPTV-ORG Desktop Electron App (20 stars)

## Templates (4)

- [pwa-starter](https://madewithwhat.net/lit/project/pwa-starter/): Welcome to the PWABuilder pwa-starter! Looking to build a new Progressive Web App and not sure where to get started? This is what you are looking for! (1,320 stars)
- [odyssey-theme](https://madewithwhat.net/lit/project/odyssey-theme/): A modern business marketing website theme/starter built with Astro (785 stars, MIT)
- [starter-lit-with-tailwind](https://madewithwhat.net/lit/project/starter-lit-with-tailwind/): A boilerplate using Vite, Lit and Tailwind CSS. (33 stars)
- [lit-sass-ts-starter](https://madewithwhat.net/lit/project/lit-sass-ts-starter/): Get started with lit sass and ts real quick (24 stars, MIT)

## Mobile (3)

- [50weekly](https://madewithwhat.net/lit/project/50weekly/): 50weekly (600 stars, MIT)
- [lit-translate](https://madewithwhat.net/lit/project/lit-translate/): A blazing-fast and lightweight internationalization (i18n) library for your next web-based project (136 stars, MIT)
- [ziko-wrapper](https://madewithwhat.net/lit/project/ziko-wrapper/): render zikojs elements within other frameworks (48 stars, MIT)

## AI & ML (3)

- [job-hunting](https://madewithwhat.net/lit/project/job-hunting/): It's actively developed around ai, bdd, chrome-extension, and is a solid reference for anyone building with these tools. (405 stars, MIT)
- [azure-openai-chat-frontend](https://madewithwhat.net/lit/project/azure-openai-chat-frontend/): The Chat App Protocol compliant user-interface building block, for your chat-gpt like RAG pattern applications built with Azure OpenAI and Azure AI Search. (71 stars, MIT)
- [ariontalk](https://madewithwhat.net/lit/project/ariontalk/): ArionTalk lets users talk to any webpage. It listens to the user, understands the page content and images, responds with voice, and scrolls to highlight the exact section it's discussing. (23 stars, MIT)

## Real-time (2)

- [converse.js](https://madewithwhat.net/lit/project/converse-js/): Web-based XMPP/Jabber chat written in JavaScript (3,277 stars, MPL-2.0)
- [astro-collaborative-starter](https://madewithwhat.net/lit/project/astro-collaborative-starter/): Looking to add collaboration to Astro? You've come to the right spot, Astronaut! This starter kit contains a set of quick and easy elements for adding multiplayer presence to your app. (22 stars)

## APIs (2)

- [hilla](https://madewithwhat.net/lit/project/hilla/): Build better business applications, faster. No more juggling REST endpoints or deciphering GraphQL queries. Hilla seamlessly connects Spring Boot and React to accelerate application development. (984 stars, Apache-2.0)
- [suttacentral](https://madewithwhat.net/lit/project/suttacentral/): SuttaCentral website application (169 stars)

## Docs (2)

- [discord-components](https://madewithwhat.net/lit/project/discord-components/): Discord Webcomponents for real looking messages on the web (343 stars, MIT)
- [flow-spring-examples](https://madewithwhat.net/lit/project/flow-spring-examples/): Examples for Vaadin and Spring Boot (66 stars)

## Testing (2)

- [playwright-ct-web](https://madewithwhat.net/lit/project/playwright-ct-web/): Playwright Lit / web component testing (47 stars, MIT)
- [hello-web-components](https://madewithwhat.net/lit/project/hello-web-components/): A simple starter <hello-world /> web component written in typescript, using lit. Unit tested with jest and e2e tested with playwright. (32 stars, MIT)

## SaaS (1)

- [Silex](https://madewithwhat.net/lit/project/silex/): Silex is an online tool for visually creating static sites with dynamic data. With the free/libre spirit of internet, together. (2,892 stars, AGPL-3.0)