Lit

Lit

@lit.dev

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

1.7K followers89 following27 posts

Lit reposted

What if there was a Web Components conference?? @stuffbreaker.bsky.social and I are teaming up to get a little more serious about the idea of getting one together. We want to gather data on if there is interest in the community forms.gle/ZGqtYGj7V6q8... Please fill out and share to anyone!

forms.gleInterested in a Web Components conference? Let us know below!Web Components folks have been semi-seriously talking about organizing a conference for years, and with the ecosystem in a real moment of growth and popularity, it's about time! This form is our firs...

Welcome to web components, Swift! 🤝

elementary.codes@elementary.codes

🧩 Swift Web Components 🧩 ElementaryUI 0.8 lets you build custom HTML elements entirely in Swift - ready to drop into any HTML page. Powered by Embedded Swift + WebAssembly, with a surprisingly tiny footprint. Here it is in action ↓ #Swift #WebAssembly

Lit reposted

Surprisingly, in the last few months, my go-to library for building components became… @lit.dev. For its well-balanced abstraction that makes web components not feel like a chore. You should try it if you bounced off web components in the past or dread working on a custom element.

Really great write-up, and spoiler alert! ... MDN uses Lit to write their web components! 🔥😎 And they use Lit SSR to implement their own server components, and built their own component lazy-loader. Impressive work MDN!

MDN Web Docs@developer.mozilla.org

Under the hood of MDN's new frontend 🛠️ We rebuilt MDN from the ground up. ⋅ Web components for islands of interactivity ⋅ Only the CSS & JS each page needs gets shipped ⋅ Dev server starts in 2 seconds (down from 2 minutes) Read the full story 👇 developer.mozilla.org/en-US/blog/...

Lit reposted

📣 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

📣 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

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

Congratulations on the launch @webawesome.com!! 🚀

Web Awesome@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

Lit reposted

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.

Lit reposted

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?

Lit reposted

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.

🥳 Congrats on the launch, @developer.mozilla.org! Yet another piece of our web dev tool belt built with web components and Lit 😎

MDN Web Docs@developer.mozilla.org

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

Lit reposted

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.

Lit reposted

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.

Lit reposted

Declarative shadow DOM support, awesome!

Servo@servo.org

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

Lit reposted

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

tanstack.comLit Table | TanStack Table Lit DocsThe @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...

👀 A Minecraft skin editor #builtWithLit!

NeedCoolerShoes@needcoolershoes.com

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

Very cool - the new GitLens Home View is #builtWithLit and web components! 🔥

GitLens@gitlens.bsky.social

GitLens 16 is here, bringing big improvements to Git workflows in VS Code. The new, enhanced Source Control View makes it easier than ever to stay on top of your repos, branches, and commits—all in one place. Here’s what else is new 🧵👇 #Git #GitLens #VSCode #ReleaseNotes #AI #VSCodeExtensions

Lit reposted

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!

Seb ⚛️ ThisWeekInReact.com@sebastienlorber.com

👀 DOM Node.moveBefore is coming? Move a node from one tree to another 👍 Chromium: in canary, intent to ship 🆕 👍 Firefox/Gecko: positive 👍 WebKit: positive Already in HTMX 😄 Looks like this could be useful for React too 👀

✅ DNS verified

Lit@lit.dev

This is indeed the real Lit account. We'll get the handle moved to the lit.dev domain as soon as we can.

Lit reposted

Replying to @jlarky.bsky.social

No close tag because our presence here is just beginning ☯️

Lit reposted

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

You are up to date.