{"id":13752710,"url":"https://github.com/adamghill/dlite","last_synced_at":"2025-04-07T06:08:13.174Z","repository":{"id":65409815,"uuid":"591844113","full_name":"adamghill/dlite","owner":"adamghill","description":"A tiny, blazing fast view library that creates reactive Web Components","archived":false,"fork":false,"pushed_at":"2024-11-30T01:54:57.000Z","size":979,"stargazers_count":58,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-31T05:07:41.517Z","etag":null,"topics":["2-way-binding","dom","html","javascript","reactive","webcomponents"],"latest_commit_sha":null,"homepage":"https://dlite.adamghill.com","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/adamghill.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":["adamghill"],"patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"custom":null}},"created_at":"2023-01-22T03:43:19.000Z","updated_at":"2025-02-12T21:12:20.000Z","dependencies_parsed_at":"2024-12-24T14:15:48.561Z","dependency_job_id":"fefce39f-0e03-4176-83f2-8333660eeebc","html_url":"https://github.com/adamghill/dlite","commit_stats":{"total_commits":156,"total_committers":10,"mean_commits":15.6,"dds":0.5,"last_synced_commit":"a9d7f44506054f00fbfa85e516364dc7aa0a2a3f"},"previous_names":[],"tags_count":24,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adamghill%2Fdlite","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adamghill%2Fdlite/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adamghill%2Fdlite/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adamghill%2Fdlite/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/adamghill","download_url":"https://codeload.github.com/adamghill/dlite/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247601448,"owners_count":20964864,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["2-way-binding","dom","html","javascript","reactive","webcomponents"],"created_at":"2024-08-03T09:01:09.830Z","updated_at":"2025-04-07T06:08:13.152Z","avatar_url":"https://github.com/adamghill.png","language":"JavaScript","funding_links":["https://github.com/sponsors/adamghill"],"categories":["JavaScript"],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://dlitejs.com/\"\u003e\u003cimg src=\"logo.svg\" alt=\"dlite logo\" height=\"80\"/\u003e\u003c/a\u003e\n\u003c/p\u003e\n\u003ch1 align=\"center\"\u003e\u003ca href=\"https://dlitejs.com/\"\u003edlite\u003c/a\u003e\u003c/h1\u003e\n\u003cp align=\"center\"\u003eA tiny, blazing fast view library that creates reactive Web Components\u003c/p\u003e\n\n![npm (tag)](https://img.shields.io/npm/v/dlite/latest.svg?style=flat-square) [![gzip bundle size](http://img.badgesize.io/https://unpkg.com/dlite@latest/dist/dlite.es.js?compression=gzip\u0026style=flat-square)](https://unpkg.com/dlite) ![NPM](https://img.shields.io/npm/l/dlite.svg?style=flat-square) ![GitHub Sponsors](https://img.shields.io/github/sponsors/adamghill?color=blue\u0026style=flat-square)\n\n## 📖 Complete documentation\n\nhttps://dlitejs.com\n\n## 🧐 Introduction\n\n`dlite` creates `Web Components` and interactive web pages easily without the bloat of big frameworks. It can be effortlessly added into existing HTML pages to create reusable components for web applications. `dlite` is perfect for simple, but dynamic static sites or when you want to progressively upgrade a site without changing too much.\n\n## ⭐ Features\n\n- Seriously tiny: **\u003c10 kB** (**\u003c5 kB** when gzipped)\n- No dependencies, no virtual DOM, no JSX, and no build tool required\n- Reactive Web Components\n- Progressive template language that leverages `template literals`\n- Props support\n- Computed properties\n- Two-way data binding\n- Events handling\n- Component lifecycle hooks\n- Directives (e.g. `if`/`else`, `for`, `style`, `class`)\n- Shadow DOM by default with scoped CSS\n- Put a script tag in your HTML and _go_ ⚡\n\nIt is compatible with all modern browsers that support [`ES2015`/`ES6`](https://caniuse.com/#feat=es6), [`ESM`](https://caniuse.com/?search=esm), and [`Proxy`](https://caniuse.com/#search=proxy).\n\n## 🔧 Installation\n\nThe easiest way to use `dlite` is with a script tag.\n\n```html\n\u003cscript type=\"module\"\u003e\n  import Dlite from '//unpkg.com/dlite';\n\u003c/script\u003e\n```\n\nMore [details about installation](https://dlitejs.com/installation/).\n\n## 🔄 Canonical counter example\n\nAn example counter component to give you a sense of what `dlite` looks like. See more [examples](https://dlitejs.com/examples/).\n\n```html\n\u003cscript type=\"module\"\u003e\n  import Dlite from '//unpkg.com/dlite';\n  \n  Dlite({\n    el: '#app',\n    data: {\n      count: 0\n    },\n    up() {\n      this.data.count++;\n    },\n    down() {\n      this.data.count--;\n    }\n  });\n\u003c/script\u003e\n\n\u003ctemplate id=\"app\"\u003e\n  \u003ch1\u003e{this.count}\u003c/h1\u003e\n\n  \u003cdiv\u003e\n    \u003cbutton @click=\"down\"\u003eDecrease Count\u003c/button\u003e\n    \u003cbutton @click=\"up\"\u003eIncrease Count\u003c/button\u003e\n  \u003c/div\u003e\n\u003c/template\u003e\n```\n\n## 🙋 FAQ\n\nSee the whole FAQ at https://dlitejs.com/faq/.\n\n## 🧠 Related projects\n\nSimilar projects to `dlite` are listed on https://unsuckjs.com/.\n\n## 🙌 Acknowledgements\n\n`dlite` is forked from the fantastic work done by [Mardix](https://github.com/mardix) with [Litedom](https://github.com/mardix/litedom).\n\nIt includes code from these great libraries:\n- https://github.com/bryhoyt/emerj \n- https://github.com/sindresorhus/on-change\n\nThe lightbulb logo is provided from https://openmoji.org/library/emoji-1F4A1/.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadamghill%2Fdlite","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fadamghill%2Fdlite","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadamghill%2Fdlite/lists"}