Lit's Avatar

Lit

@lit.dev

Your friendly neighborhood library to help you build web components! https://lit.dev

1,676
Followers
89
Following
23
Posts
13.11.2024
Joined
Posts Following

Latest posts by Lit @lit.dev

Changelog for a few Lit packages. See https://github.com/lit/lit/pull/5183 for details.

Changelog for a few Lit packages. See https://github.com/lit/lit/pull/5183 for details.

Changelog for a few Lit packages. See https://github.com/lit/lit/pull/5183 for details.

Changelog for a few Lit packages. See https://github.com/lit/lit/pull/5183 for details.

πŸ“£ We just published our End-of-Year / Happy Holidays Lit releases!

- πŸ‘©β€βš•οΈ Many bug fixes!
- πŸ“„ A new lit-labs/forms packages for form-associated elements!
- 🎾 A new Spring controller in lit-labs/motion!
- 🏎️ Massive SSR performance improvements!
- 🧩 A lit-html template parser in lit-labs/analyzer

23.12.2025 22:50 πŸ‘ 63 πŸ” 11 πŸ’¬ 2 πŸ“Œ 0

Note: These are our first releases with npm Trusted Publishing turned on. We will continue to iterate and improve on our supply chain security.

23.12.2025 22:50 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

See the unified changelog from the release PR for detailed info:

github.com/lit/lit/pull...

23.12.2025 22:50 πŸ‘ 2 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Changelog for a few Lit packages. See https://github.com/lit/lit/pull/5183 for details.

Changelog for a few Lit packages. See https://github.com/lit/lit/pull/5183 for details.

Changelog for a few Lit packages. See https://github.com/lit/lit/pull/5183 for details.

Changelog for a few Lit packages. See https://github.com/lit/lit/pull/5183 for details.

πŸ“£ We just published our End-of-Year / Happy Holidays Lit releases!

- πŸ‘©β€βš•οΈ Many bug fixes!
- πŸ“„ A new lit-labs/forms packages for form-associated elements!
- 🎾 A new Spring controller in lit-labs/motion!
- 🏎️ Massive SSR performance improvements!
- 🧩 A lit-html template parser in lit-labs/analyzer

23.12.2025 22:50 πŸ‘ 63 πŸ” 11 πŸ’¬ 2 πŸ“Œ 0
Vaadin web components 25.0.0 stable release notes

Vaadin web components 25.0.0 stable release notes

πŸ“’ We've reached an important milestone at @vaadin.com: Vaadin web components 25.0.0 fully based on @lit.dev instead of Polymer are finally released as stable!

github.com/vaadin/web-c...

17.12.2025 12:23 πŸ‘ 13 πŸ” 2 πŸ’¬ 0 πŸ“Œ 0

Congratulations on the launch @webawesome.com!! πŸš€

28.10.2025 20:51 πŸ‘ 15 πŸ” 1 πŸ’¬ 0 πŸ“Œ 0
Preview
a man is riding a segway in an office with the words welcome aboard below him ALT: a man is riding a segway in an office with the words welcome aboard below him
28.10.2025 16:13 πŸ‘ 5 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

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.

28.10.2025 09:10 πŸ‘ 39 πŸ” 3 πŸ’¬ 7 πŸ“Œ 1

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?

24.10.2025 18:31 πŸ‘ 22 πŸ” 3 πŸ’¬ 2 πŸ“Œ 1
Video thumbnail

Every Web Awesome theme comes with dark mode built-in πŸŒ›

14.10.2025 17:17 πŸ‘ 10 πŸ” 1 πŸ’¬ 0 πŸ“Œ 0

Hello @openjsf.org!! πŸ‘‹

14.10.2025 13:37 πŸ‘ 7 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Preview
Lit Project Moves to OpenJS Foundation with Google Open Source Contribution | OpenJS Foundation Lit joins a neutral home within the OpenJS Foundation community

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

14.10.2025 13:14 πŸ‘ 56 πŸ” 8 πŸ’¬ 2 πŸ“Œ 0
Preview
Lit is Joining the OpenJS Foundation! Lit is officially joining the OpenJS Foundation as an Impact Project!

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...

14.10.2025 13:35 πŸ‘ 120 πŸ” 40 πŸ’¬ 0 πŸ“Œ 1
Changelog Changes to each version of the project are documented here.

πŸš€ 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...

10.09.2025 19:23 πŸ‘ 12 πŸ” 5 πŸ’¬ 0 πŸ“Œ 0

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.

06.09.2025 10:17 πŸ‘ 12 πŸ” 1 πŸ’¬ 2 πŸ“Œ 0
Preview
10 years of building Web Components: the story of <vaadin-combo-box> A story about building Vaadin web components

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...

27.08.2025 16:16 πŸ‘ 20 πŸ” 4 πŸ’¬ 2 πŸ“Œ 0

πŸ₯³ Congrats on the launch, @developer.mozilla.org!

Yet another piece of our web dev tool belt built with web components and Lit 😎

25.08.2025 19:30 πŸ‘ 44 πŸ” 13 πŸ’¬ 3 πŸ“Œ 0

MDN, Photoshop, Reddit, Firefox, Home Assistant, Internet Archive, Chrome DevTools...

Some of my very favorite sites and apps are built with @lit.dev πŸ₯°

20.08.2025 19:32 πŸ‘ 35 πŸ” 4 πŸ’¬ 3 πŸ“Œ 1
Preview
Every 5x5 Nonogram

@lit.dev I wrote a realtime, collaborative nonogram web game with Lit:
pixelogic.app/every-5x5-no...

15.08.2025 20:40 πŸ‘ 3 πŸ” 2 πŸ’¬ 0 πŸ“Œ 2
Post image

Neat, looks like MDN's new frontend is built with @lit.dev

20.08.2025 19:22 πŸ‘ 50 πŸ” 8 πŸ’¬ 2 πŸ“Œ 1
Preview
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...

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/...

04.08.2025 06:01 πŸ‘ 18 πŸ” 4 πŸ’¬ 2 πŸ“Œ 1

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.

29.07.2025 15:16 πŸ‘ 26 πŸ” 5 πŸ’¬ 0 πŸ“Œ 0
Kin Form

Just released a form library for @lit.dev

kin-form.deno.dev

22.05.2025 08:34 πŸ‘ 8 πŸ” 1 πŸ’¬ 0 πŸ“Œ 0

πŸ‘€

12.05.2025 21:58 πŸ‘ 5 πŸ” 1 πŸ’¬ 0 πŸ“Œ 0
Post image

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.

24.04.2025 20:41 πŸ‘ 32 πŸ” 5 πŸ’¬ 2 πŸ“Œ 0

Declarative shadow DOM support, awesome!

29.03.2025 01:18 πŸ‘ 20 πŸ” 1 πŸ’¬ 1 πŸ“Œ 0
Preview
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...

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

14.03.2025 16:54 πŸ‘ 24 πŸ” 5 πŸ’¬ 1 πŸ“Œ 0
Preview
GitHub - CrowdStrike/glide-core: Glide Core Design System Glide Core Design System. Contribute to CrowdStrike/glide-core development by creating an account on GitHub.

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/...

28.02.2025 01:53 πŸ‘ 49 πŸ” 8 πŸ’¬ 1 πŸ“Œ 1
Video thumbnail

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...

27.01.2025 15:52 πŸ‘ 14 πŸ” 2 πŸ’¬ 0 πŸ“Œ 0

Thanks Elliott! Awesome work!! ⚑️

03.02.2025 20:33 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0