Lit
@lit.dev
Pinned
Lit is Joining the OpenJS Foundation!
Lit is officially joining the OpenJS Foundation as an Impact Project!
lit.dev
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...
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...
Congratulations on the launch @webawesome.com!! 🚀
⚡ IT’S ALIVE! ⚡
Web Awesome has escaped the lab — and to celebrate, we’re offering 20% off for life on Web Awesome Pro.
This is the final lifetime deal before it vanishes forever.
Ends Nov 19 → webawesome.com?utm_source=b...
#WebAwesome #Frontend #OpenWeb #LaunchDay
Web Awesome has escaped the lab — and to celebrate, we’re offering 20% off for life on Web Awesome Pro.
This is the final lifetime deal before it vanishes forever.
Ends Nov 19 → webawesome.com?utm_source=b...
#WebAwesome #Frontend #OpenWeb #LaunchDay
Web Awesome
Build better with Web Awesome, the biggest open-source library of meticulously designed, highly customizable, and framework-agnostic UI components.
webawesome.com
October 28, 2025 at 8:51 PM
Congratulations on the launch @webawesome.com!! 🚀
Reposted by Lit
I have accidentally created a shit reimplementation of lit.dev in my component lab while iterating on the parts of making my components that have felt lacking.
I think it’s time to just migrate to Lit.
I think it’s time to just migrate to Lit.
October 28, 2025 at 9:10 AM
I have accidentally created a shit reimplementation of lit.dev in my component lab while iterating on the parts of making my components that have felt lacking.
I think it’s time to just migrate to Lit.
I think it’s time to just migrate to Lit.
Reposted by Lit
People so often don't get that Lit isn't a framework, but it really helps understand our design decisions.
For example: Why doesn't Lit have an opinionated reactivity system for generic data, like Signals?
For example: Why doesn't Lit have an opinionated reactivity system for generic data, like Signals?
October 24, 2025 at 6:31 PM
People so often don't get that Lit isn't a framework, but it really helps understand our design decisions.
For example: Why doesn't Lit have an opinionated reactivity system for generic data, like Signals?
For example: Why doesn't Lit have an opinionated reactivity system for generic data, like Signals?
Reposted by Lit
Every Web Awesome theme comes with dark mode built-in 🌛
October 14, 2025 at 5:17 PM
Every Web Awesome theme comes with dark mode built-in 🌛
Reposted by Lit
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
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
Lit Project Moves to OpenJS Foundation with Google Open Source Contribution | OpenJS Foundation
Lit joins a neutral home within the OpenJS Foundation community
hubs.la
October 14, 2025 at 1:14 PM
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
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
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...
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...
Lit is Joining the OpenJS Foundation!
Lit is officially joining the OpenJS Foundation as an Impact Project!
lit.dev
October 14, 2025 at 1:35 PM
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...
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...
Reposted by Lit
🚀 3.0.0-beta.5
🎨 Added color generation to Theme Builder (pro)
📐 now works with @fontawesome.com 7
👀 Added component
💬 Added the Hindi translation
🐛 Various bug fixes and improvements
Changelog: webawesome.com/docs/resourc...
🎨 Added color generation to Theme Builder (pro)
📐
👀 Added
💬 Added the Hindi translation
🐛 Various bug fixes and improvements
Changelog: webawesome.com/docs/resourc...
Changelog
Changes to each version of the project are documented here.
webawesome.com
September 10, 2025 at 7:23 PM
🚀 3.0.0-beta.5
🎨 Added color generation to Theme Builder (pro)
📐 now works with @fontawesome.com 7
👀 Added component
💬 Added the Hindi translation
🐛 Various bug fixes and improvements
Changelog: webawesome.com/docs/resourc...
🎨 Added color generation to Theme Builder (pro)
📐
👀 Added
💬 Added the Hindi translation
🐛 Various bug fixes and improvements
Changelog: webawesome.com/docs/resourc...
Reposted by Lit
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.
September 6, 2025 at 10:17 AM
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.
Reposted by Lit
10 years of building Web Components at @vaadin.com: celebrating the "anniversary" of !
Check out this blog post to learn about our journey and how we finally migrated to @lit.dev:
dev.to/webpadawan/1...
Check out this blog post to learn about our journey and how we finally migrated to @lit.dev:
dev.to/webpadawan/1...
10 years of building Web Components: the story of <vaadin-combo-box>
A story about building Vaadin web components
dev.to
August 27, 2025 at 4:16 PM
10 years of building Web Components at @vaadin.com: celebrating the "anniversary" of !
Check out this blog post to learn about our journey and how we finally migrated to @lit.dev:
dev.to/webpadawan/1...
Check out this blog post to learn about our journey and how we finally migrated to @lit.dev:
dev.to/webpadawan/1...
🥳 Congrats on the launch, @developer.mozilla.org!
Yet another piece of our web dev tool belt built with web components and Lit 😎
Yet another piece of our web dev tool belt built with web components and Lit 😎
We’ve launched MDN’s new front end — and it’s just the beginning.
Intentionally targeting Baseline "Widely available" features when deciding on which ones to use. This means we're able to adopt modern CSS and web components for our UI.
Check it out 👇
developer.mozilla.org/en-US/blog/...
Intentionally targeting Baseline "Widely available" features when deciding on which ones to use. This means we're able to adopt modern CSS and web components for our UI.
Check it out 👇
developer.mozilla.org/en-US/blog/...
Launching MDN's new front end | MDN Blog
MDN is getting a facelift 🎉 Discover what's changed, what's improved, and how navigating the site just got smoother.
developer.mozilla.org
August 25, 2025 at 7:30 PM
🥳 Congrats on the launch, @developer.mozilla.org!
Yet another piece of our web dev tool belt built with web components and Lit 😎
Yet another piece of our web dev tool belt built with web components and Lit 😎
Reposted by Lit
MDN, Photoshop, Reddit, Firefox, Home Assistant, Internet Archive, Chrome DevTools...
Some of my very favorite sites and apps are built with @lit.dev 🥰
Some of my very favorite sites and apps are built with @lit.dev 🥰
August 20, 2025 at 7:32 PM
MDN, Photoshop, Reddit, Firefox, Home Assistant, Internet Archive, Chrome DevTools...
Some of my very favorite sites and apps are built with @lit.dev 🥰
Some of my very favorite sites and apps are built with @lit.dev 🥰
Reposted by Lit
Reposted by Lit
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/...
tanstack.com/form/latest/...
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...
tanstack.com
August 4, 2025 at 6:01 AM
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/...
tanstack.com/form/latest/...
Reposted by Lit
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.
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.
July 29, 2025 at 3:16 PM
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.
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.
Reposted by Lit
👀
Imagine Phoenix Framework + @lit.dev web components? The result is pure 🔥🚀 Get the code here: github.com/riipandi/lit...
#WebDev #Elixir #Lit #ElixirLang #ElixirPhoenix #phoenix
#WebDev #Elixir #Lit #ElixirLang #ElixirPhoenix #phoenix
May 12, 2025 at 9:58 PM
👀
Reposted by Lit
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.
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.
April 24, 2025 at 8:41 PM
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.
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.
Reposted by Lit
Declarative shadow DOM support, awesome!
Servo Report Week 12 2025
Highlights from last week:
- Support align attribute on HTMLParagraphElement interface
- Implement declarative shadow DOM
- Implement the `fit-content()` sizing function
- Added --enable-experimental-web-platform-features command line argument
Highlights from last week:
- Support align attribute on HTMLParagraphElement interface
- Implement declarative shadow DOM
- Implement the `fit-content()` sizing function
- Added --enable-experimental-web-platform-features command line argument
March 29, 2025 at 1:18 AM
Declarative shadow DOM support, awesome!
Reposted by Lit
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
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
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...
tanstack.com
March 14, 2025 at 4:54 PM
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
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
Reposted by Lit
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/...
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/...
GitHub - CrowdStrike/glide-core: Glide Core Design System
Glide Core Design System. Contribute to CrowdStrike/glide-core development by creating an account on GitHub.
github.com
February 28, 2025 at 1:53 AM
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/...
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/...
Reposted by Lit
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...
blog.glyphdrawing.club/font-with-bu...
January 27, 2025 at 3:52 PM
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...
blog.glyphdrawing.club/font-with-bu...
Reposted by Lit
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...
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...
The Lit Cheat Sheet – Lit
Simple. Fast. Web Components.
lit.dev
February 3, 2025 at 8:28 PM
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...
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...
👀 A Minecraft skin editor #builtWithLit!
Working on the rewrite of the editor (take 2). This is what is there so far. UI is mostly a clone of the first new editor attempt, but uses @lit.dev for all web component goodness.
Source code here: github.com/NeedCoolerShoes/editor
#minecraft #mcdev #WebComponents
Source code here: github.com/NeedCoolerShoes/editor
#minecraft #mcdev #WebComponents
December 30, 2024 at 6:18 PM
👀 A Minecraft skin editor #builtWithLit!
Reposted by Lit
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!
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!
The Virtue of Laziness: Leveraging Incrementality for Faster Web UI (Chrome Dev Summit 2018)
YouTube video by Chrome for Developers
www.youtube.com
December 30, 2024 at 6:01 PM
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!
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!