Meta tags:
description=Simple. Fast. Web Components.;

Headings (most frequently used words):

with, lit, components, the, our, web, and, simple, fast, custom, elements, scoped, styles, reactive, properties, declarative, templates, build, anything, many, of, world, most, forward, looking, organizations, are, building, explore, connect, community, shareable, design, systems, sites, apps, try, live, tutorials, no, installation, needed, tinker, interactive, examples, dive, deep, extensive, docs, check, out, all, options, for, jumping, in,

Text of the page (most frequently used words):
lit (30), and (22), components (19), the (16), with (15), web (14), your (10), #simple (8), html (8), component (6), styles (6), this (6), name (6), our (5), #design (5), system (5), are (5), static (5), css (5), code (4), documentation (4), learn (4), use (4), playground (4), elements (4), build (4), you (4), that (4), any (4), them (4), fast (4), from (4), greeting (4), litelement (4), mode (4), about (3), community (3), team (3), all (3), for (3), framework (3), one (3), building (3), site (3), every (3), need (3), templates (3), custom (3), reactive (3), property (3), properties (3), simplegreeting (3), import (3), licensed (2), under (2), stack (2), read (2), make (2), stay (2), date (2), projects (2), excellent (2), other (2), get (2), started (2), interactive (2), tutorials (2), platform (2), many (2), world (2), time (2), sites (2), apps (2), helps (2), create (2), what (2), systems (2), features (2), built (2), because (2), they (2), makes (2), shareable (2), native (2), javascript (2), declarative (2), dom (2), just (2), work (2), hello (2), return (2), render (2), somebody (2), blue (2), color (2), extends (2), class (2), export (2), customelement (2), future (2), ready (2), boilerplate (2), dark (2), light (2), cancel (2), search (2), blog (2), copyright, google, llc, bsd, clause, ask, answer, questions, overflow, file, issues, contributions, github, latest, news, bluesky, chat, dev, discord, new, releases, more, how, share, feedback, participation, subject, conduct, each, connect, check, out, options, jumping, dive, deep, extensive, docs, tinker, examples, try, live, installation, needed, explore, wired, clarity, core, hilla, ui5, pwa, starter, pharos, lion, carbon, frontend, momentum, auro, spectrum, most, forward, looking, organizations, progressively, enhance, entire, app, embracing, minimizes, lock, promotes, maintainability, update, migrate, without, disrupting, product, development, experiences, consistently, brand, but, organization, uses, multiple, frameworks, can, set, works, deliver, content, drop, into, natively, supported, browsers, perfect, solution, easy, anything, based, expressive, featuring, markup, expressions, inline, syntax, compilation, required, tagged, template, literals, declare, model, api, internal, state, efficiently, renders, whenever, corresponding, attribute, changes, scopes, default, using, keeps, selectors, ensures, don, affect, aren, affected, page, shadow, scoped, standard, browser, treats, exactly, like, hand, written, output, cms, builder, even, instances, edit, example, define, customelements, super, constructor, string, type, decorators, superpower, interoperability, anywhere, none, ideal, maintainable, interoperable, weighing, around, minified, compressed, keep, bundle, size, small, loading, short, rendering, blazing, touches, only, dynamic, parts, when, updating, rebuild, virtual, tree, diff, tiny, footprint, instant, updates, top, standards, adds, happy, productive, reactivity, handful, thoughtful, reduce, job, easier, feature, carefully, designed, evolution, mind, skip, npm, now, part, openjs, foundation, announcement,

Text of the page (random words):
lit documentation v3 v2 v1 learn playground blog search cancel light mode dark mode system documentation v3 v2 v1 learn playground blog search cancel light mode dark mode system lit is now part of the openjs foundation read our announcement simple fast web components npm i lit get started simple skip the boilerplate building on top of the web components standards lit adds just what you need to be happy and productive reactivity declarative templates and a handful of thoughtful features to reduce boilerplate and make your job easier every lit feature is carefully designed with web platform evolution in mind fast tiny footprint instant updates weighing in at around 5 kb minified and compressed lit helps keep your bundle size small and your loading time short and rendering is blazing fast because lit touches only the dynamic parts of your ui when updating no need to rebuild a virtual tree and diff it with the dom web components interoperable future ready every lit component is a native web component with the superpower of interoperability web components work anywhere you use html with any framework or none at all this makes lit ideal for building shareable components design systems or maintainable future ready sites and apps import html css litelement from lit import customelement property from lit decorators js customelement simple greeting export class simplegreeting extends litelement static styles css p color blue property name somebody render return html p hello this name p import html css litelement from lit export class simplegreeting extends litelement static styles css p color blue static properties name type string constructor super this name somebody render return html p hello this name p customelements define simple greeting simplegreeting simple greeting name world simple greeting edit this example in the lit playground custom elements lit components are standard custom elements so the browser treats them exactly like built in elements use them in hand written html or framework code output them from your cms or static site builder even create instances in javascript they just work scoped styles lit scopes your styles by default using shadow dom this keeps your css selectors simple and ensures that your component s styles don t affect and aren t affected by any other styles on the page reactive properties declare reactive properties to model your component s api and internal state a lit component efficiently re renders whenever a reactive property or corresponding html attribute changes declarative templates lit templates based on tagged template literals are simple expressive and fast featuring html markup with native javascript expressions inline no custom syntax to learn no compilation required build anything with lit shareable components need to deliver interactive content or features that drop into any site built on any stack because they re natively supported by browsers web components are the perfect solution and lit makes them easy to build design systems a design system helps you create experiences that are consistently excellent and on brand but what if your organization uses multiple frameworks with lit you can build one set of components that works for every team sites and apps use lit components to progressively enhance a static site or build an entire app by embracing web components lit minimizes lock in and promotes maintainability update or migrate one component at a time without disrupting product development many of the world s most forward looking organizations are building with lit spectrum web components auro design system momentum ui many projects frontend ui carbon web components lion web components pharos design system pwa starter one platform components ui5 web components components hilla framework clarity core wired elements explore lit try our live tutorials no installation needed tutorials tinker with our interactive examples playground dive deep with our extensive docs documentation check out all the options for jumping in get started connect with lit and the web components community stay up to date with new releases learn more about how to use web components and share projects and feedback with our team all community participation is subject to lit s code of conduct be excellent to each other lit discord chat about lit with the lit community and dev team bluesky stay up to date with the latest news github file issues read the code and make contributions stack overflow ask and answer questions about lit copyright google llc code licensed under bsd 3 clause documentation licensed under cc by 3 0