Lit
@lit.dev
π€ 1577
π₯ 88
π 18
Your friendly neighborhood library to help you build web components!
https://lit.dev
pinned post!
Lit is joining
@openjsf.org
! π Today at JSConf, The OpenJS Foundation announced Lit is officially joining as an Impact Project! We're beyond excited for this move and look forward to continuing our work to build the open web with OpenJS! Read more on our blog:
lit.dev/blog/2025-10...
loading . . .
Lit is Joining the OpenJS Foundation!
Lit is officially joining the OpenJS Foundation as an Impact Project!
https://lit.dev/blog/2025-10-14-openjs/
2 days ago
0
110
41
reposted by
Lit
Web Awesome
2 days ago
Every Web Awesome theme comes with dark mode built-in π
loading . . .
0
8
1
reposted by
Lit
OpenJS Foundation
2 days ago
Lit is joining OpenJS as an Impact Project! π₯ Donated by Google Open Source, Lit powers 10,000+ custom elements inside Google and is loved for its fast, standards-based web components. Welcome to the OpenJS family,
@lit.dev
! Learn more:
hubs.la/Q03Np1Mm0
loading . . .
Lit Project Moves to OpenJS Foundation with Google Open Source Contribution | OpenJS Foundation
Lit joins a neutral home within the OpenJS Foundation community
https://hubs.la/Q03Np1Mm0
2
54
8
Lit is joining
@openjsf.org
! π Today at JSConf, The OpenJS Foundation announced Lit is officially joining as an Impact Project! We're beyond excited for this move and look forward to continuing our work to build the open web with OpenJS! Read more on our blog:
lit.dev/blog/2025-10...
loading . . .
Lit is Joining the OpenJS Foundation!
Lit is officially joining the OpenJS Foundation as an Impact Project!
https://lit.dev/blog/2025-10-14-openjs/
2 days ago
0
110
41
reposted by
Lit
Web Awesome
about 1 month ago
π 3.0.0-beta.5 π¨ Added color generation to Theme Builder (pro) π <wa-icon> now works with
@fontawesome.com
7 π Added <wa-intersection-observer> component π¬ Added the Hindi translation π Various bug fixes and improvements Changelog:
webawesome.com/docs/resourc...
loading . . .
Changelog
Changes to each version of the project are documented here.
https://webawesome.com/docs/resources/changelog
0
12
5
reposted by
Lit
Gordon
about 1 month ago
Enjoying building with
@lit.dev
. Simple and small. Components have strong decoupling because of shadow DOM encapsulation. Flexible. Works with basic reactive props or Redux-style architecture or signals. You can even pop the hood and do imperative DOM manipulation when you need to.
2
12
1
reposted by
Lit
about 2 months ago
10 years of building Web Components at
@vaadin.com
: celebrating the "anniversary" of <vaadin-combo-box>! Check out this blog post to learn about our journey and how we finally migrated to
@lit.dev
:
dev.to/webpadawan/1...
loading . . .
10 years of building Web Components: the story of <vaadin-combo-box>
A story about building Vaadin web components
https://dev.to/webpadawan/10-years-of-building-web-components-the-story-of-91d
2
20
4
π₯³ Congrats on the launch,
@developer.mozilla.org
! Yet another piece of our web dev tool belt built with web components and Lit π
add a skeleton here at some point
about 2 months ago
3
45
13
reposted by
Lit
Justin Fagnani
about 2 months ago
MDN, Photoshop, Reddit, Firefox, Home Assistant, Internet Archive, Chrome DevTools... Some of my very favorite sites and apps are built with
@lit.dev
π₯°
add a skeleton here at some point
3
35
5
reposted by
Lit
Joel Riley
2 months ago
@lit.dev
I wrote a realtime, collaborative nonogram web game with Lit:
pixelogic.app/every-5x5-no...
loading . . .
Every 5x5 Nonogram
https://pixelogic.app/every-5x5-nonogram
0
3
4
reposted by
Lit
Passle
about 2 months ago
Neat, looks like MDN's new frontend is built with
@lit.dev
2
50
9
reposted by
Lit
Corbin Crutchley
2 months ago
Boom, much to
@justinfagnani.com
's delight (I assume :P) we have much more docs on the
@tanstack.com
Form Lit adapter as well as better examples:
tanstack.com/form/latest/...
loading . . .
Form and Field Validation | TanStack Form Lit Docs
At the core of TanStack Form's functionalities is the concept of validation. TanStack Form makes validation highly customizable: You can control when to perform the validation (on change, on input, on...
https://tanstack.com/form/latest/docs/framework/lit/guides/validation
2
18
5
reposted by
Lit
Carl Colglazier
3 months ago
Working with
@lit.dev
and finding it a great fit for academic projects. The components are self-contained WebComponents you can drop anywhere. They rely on web standards, so unlikely to break over time and perfect for research code you build once and don't touch for years.
0
26
5
reposted by
Lit
Man Hoang
5 months ago
Just released a form library for
@lit.dev
kin-form.deno.dev
loading . . .
Kin Form
https://kin-form.deno.dev/
0
8
1
π
add a skeleton here at some point
5 months ago
0
5
1
reposted by
Lit
Justin Fagnani
6 months ago
Here's a nice Lit tip π‘: Let's say you want to hide some DOM but preserve component state. You can do this with the cache() directive: Here when showView is toggled from true to false back to true, the DOM fragment for the expression is extracted, saved, and restored - preserving all the state.
2
31
5
reposted by
Lit
Justin Fagnani
7 months ago
Declarative shadow DOM support, awesome!
add a skeleton here at some point
1
20
1
reposted by
Lit
Justin Fagnani
7 months ago
Someone posted a link to TanStack Table on the
@lit.dev
discord. I didn't know about this before, and wow! it looks awesome! The examples show very idiomatic Lit patterns for a headless UI utility. Reactive controllers, repeat(), `@state()`, and more.
tanstack.com/table/v8/doc...
@tanstack.com
loading . . .
Lit Table | TanStack Table Lit Docs
The @tanstack/lit-table adapter is a wrapper around the core table logic. Most of it's job is related to managing state the "lit" way, providing types and the rendering implementation of cell/header/f...
https://tanstack.com/table/v8/docs/framework/lit/lit-table
1
24
5
reposted by
Lit
Tony Ward
8 months ago
Earlier this week and after getting the internal approval, we flipped our new pre-1.0 Web Component based Design System, Glide, over to public on GitHub. Look out for an article from me on my personal site and an official one on our tech blog soonβ’ Built with
@lit.dev
!
github.com/crowdstrike/...
loading . . .
GitHub - CrowdStrike/glide-core: Glide Core Design System
Glide Core Design System. Contribute to CrowdStrike/glide-core development by creating an account on GitHub.
https://github.com/crowdstrike/glide-core
1
49
9
reposted by
Lit
Yann π«π·πΊπ¦
9 months ago
So, I made a playground web component with
@lit.dev
using a font with built-in syntax highlightings. It made it so easy, thanks!
blog.glyphdrawing.club/font-with-bu...
loading . . .
0
14
2
reposted by
Lit
Elliott
9 months ago
Are you new to Lit & need a jump start? Or are you a Lit veteran & can't quite remember that _one_ callback name? Well do we have the article for you! We've just published the Lit Cheat Sheet! An article that has a bunch of quick code snippets for all sorts of code patterns
lit.dev/articles/lit...
loading . . .
The Lit Cheat Sheet β Lit
Simple. Fast. Web Components.
https://lit.dev/articles/lit-cheat-sheet/
2
34
10
π A Minecraft skin editor
#builtWithLit
!
add a skeleton here at some point
10 months ago
0
11
0
reposted by
Lit
Justin Fagnani
10 months ago
I was reminded of my talk on async rendering with Lit:
www.youtube.com/watch?v=ypPR...
I think it's really useful if you're looking for analogs to React Suspense and such for web components. Independent WCs allow a lot of control over scheduling to make very responsive UIs - and interoperably!
loading . . .
The Virtue of Laziness: Leveraging Incrementality for Faster Web UI (Chrome Dev Summit 2018)
YouTube video by Chrome for Developers
https://www.youtube.com/watch?v=ypPRdtjGooc
3
25
4
reposted by
Lit
David Darnes
11 months ago
Great pitch by
@alexanderwilson.bsky.social
on the use of
#WebComponents
and
@lit.dev
in
#DesignSystems
:
loading . . .
Building a Design System Using Standard Web Components
YouTube video by UXDX
https://www.youtube.com/watch?v=fxPfNx2KUWM
2
13
1
reposted by
Lit
Justin Fagnani
11 months ago
lit-html crossed 2.5M npm downloads per week and 11M downloads per month last month, and lit crossed 2M npm downloads per week! π
#webcomponents
@lit.dev
1
31
8
Very cool - the new GitLens Home View is
#builtWithLit
and web components! π₯
add a skeleton here at some point
11 months ago
1
23
4
reposted by
Lit
Justin Fagnani
11 months ago
Oooh, we're going to have to try this in Lit's repeat() directive! State-preserving atomic moves will be *incredible* for focus, caret position in inputs, and hopefully not firing disconnected/connected callbacks!
add a skeleton here at some point
1
22
5
reposted by
Lit
Web Awesome
11 months ago
Hello, world!
5
63
5
β DNS verified
add a skeleton here at some point
11 months ago
0
22
3
reposted by
Lit
No close tag because our presence here is just beginning β―οΈ
11 months ago
0
20
1
reposted by
Lit
Justin Fagnani
11 months ago
Working on a Form Associated Custom Elements helper library RFC for Lit. This should make it a lot easier to make correct and accessible form associated elements. I have the impl basically done too, so things should move quickly once we reach consensus on the API shape.
github.com/lit/rfcs/pul...
4
26
7
reposted by
Lit
Jesse Gardner
11 months ago
Weβre building out the component library for NYSβs new design system using Lit and web components. AMA
10
24
2
This is indeed the real Lit account. We'll get the handle moved to the
lit.dev
domain as soon as we can.
11 months ago
0
17
1
They are!
add a skeleton here at some point
11 months ago
0
16
1
<hello-bluesky>
11 months ago
11
164
21
you reached the end!!
feeds!
log in