Gathering detailed insights and metrics for lit
Gathering detailed insights and metrics for lit
Gathering detailed insights and metrics for lit
Gathering detailed insights and metrics for lit
lit-html
HTML templates literals in JavaScript
lit-element
A simple base class for creating fast, lightweight web components
@lit/reactive-element
A simple low level base class for creating fast, lightweight web components
@lit-labs/ssr-dom-shim
DOM shim for Lit Server Side Rendering (SSR)
Lit is a simple library for building fast, lightweight web components.
npm install lit
Typescript
Module System
Node Version
NPM Version
99.5
Supply Chain
95.6
Quality
88.4
Maintenance
100
Vulnerability
100
License
@lit-labs/signals@0.1.1
Published on 07 Oct 2024
@lit-labs/observers@2.0.4
Published on 07 Oct 2024
@lit/react@1.0.6
Published on 07 Oct 2024
lit-element@4.1.1
Published on 07 Oct 2024
lit-html@3.2.1
Published on 07 Oct 2024
lit@3.2.1
Published on 07 Oct 2024
Updated on 06 Dec 2024
Minified
Minified + Gzipped
TypeScript (58.12%)
JavaScript (39.23%)
HTML (2.23%)
CSS (0.23%)
Vue (0.17%)
Shell (0.01%)
Cumulative downloads
Total Downloads
Last day
26.1%
Compared to previous day
Last week
2.5%
Compared to previous week
Last month
3.3%
Compared to previous month
Last year
76.7%
Compared to previous year
Lit is a simple library for building fast, lightweight web components.
At Lit's core is a boilerplate-killing component base class that provides reactive state, scoped styles, and a declarative template system that's tiny, fast and expressive.
Lit 3.0 has very few breaking changes from Lit 2.0:
Lit 3.0 should require no changes to upgrade from Lit 2.0 for the vast majority of users. Most apps and libraries will be able to extend their npm version ranges to include both 2.x and 3.x, like "^2.7.0 || ^3.0.0"
.
Lit 2.x and 3.0 are interoperable: templates, base classes, directives, decorators, etc., from one version of Lit will work with those from another.
Please file any issues you find on our issue tracker.
See the full documentation for Lit at lit.dev
Lit provides developers with just the right tools to build fast web components:
Lit builds on top of standard web components, and makes them easier to write:
1import {LitElement, html, css} from 'lit'; 2import {customElement, property} from 'lit/decorators.js'; 3 4// Registers the element 5@customElement('my-element') 6export class MyElement extends LitElement { 7 // Styles are applied to the shadow root and scoped to this element 8 static styles = css` 9 span { 10 color: green; 11 } 12 `; 13 14 // Creates a reactive property that triggers rendering 15 @property() 16 mood = 'great'; 17 18 // Render the component's DOM by returning a Lit template 19 render() { 20 return html`Web Components are <span>${this.mood}</span>!`; 21 } 22}
Once you've defined your component, you can use it anywhere you use HTML:
1<my-element mood="awesome"></my-element>
Please see CONTRIBUTING.md.
No vulnerabilities found.
Reason
all last 30 commits are reviewed through GitHub
Reason
30 commit(s) out of 30 and 22 issue activity out of 30 found in the last 90 days -- score normalized to 10
Reason
no vulnerabilities detected
Reason
license file detected
Details
Reason
no binaries found in the repo
Reason
update tool detected
Details
Reason
branch protection is not maximal on development and all release branches
Details
Reason
dependency not pinned by hash detected -- score normalized to 7
Details
Reason
no badge detected
Reason
non read-only tokens detected in GitHub workflows
Details
Reason
dangerous workflow patterns detected
Details
Reason
security policy file not detected
Reason
project is not fuzzed
Score
Last Scanned on 2022-08-15
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More