{"id":15044727,"url":"https://github.com/morgancaron/custom-element-ts","last_synced_at":"2026-01-18T08:33:05.407Z","repository":{"id":39426083,"uuid":"352193152","full_name":"MorganCaron/custom-element-ts","owner":"MorganCaron","description":"TypeScript framework designed to facilitate the creation of single-page web applications","archived":false,"fork":false,"pushed_at":"2023-01-24T03:04:17.000Z","size":7807,"stargazers_count":1,"open_issues_count":3,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-15T13:48:04.609Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://morgancaron.github.io/custom-element-ts/","language":"TypeScript","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/MorganCaron.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-03-27T22:41:41.000Z","updated_at":"2023-01-31T18:48:50.000Z","dependencies_parsed_at":"2023-02-01T18:17:08.091Z","dependency_job_id":null,"html_url":"https://github.com/MorganCaron/custom-element-ts","commit_stats":null,"previous_names":["morgancaron/customelementts"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MorganCaron%2Fcustom-element-ts","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MorganCaron%2Fcustom-element-ts/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MorganCaron%2Fcustom-element-ts/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MorganCaron%2Fcustom-element-ts/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MorganCaron","download_url":"https://codeload.github.com/MorganCaron/custom-element-ts/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247135126,"owners_count":20889420,"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":[],"created_at":"2024-09-24T20:50:57.631Z","updated_at":"2026-01-18T08:33:05.395Z","avatar_url":"https://github.com/MorganCaron.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# CustomElementTs\n\nCustomElementTs is a JavaScript/TypeScript library for the creation of **single-page web applications**.\n\n*It allows you to **create your own custom HTML elements** and assign a **state** and **behavior** to them.*\n\n![Github Stars](https://img.shields.io/github/stars/MorganCaron/CustomElementTs?style=for-the-badge)\n![Github Forks](https://img.shields.io/github/forks/MorganCaron/CustomElementTs?style=for-the-badge)\n[![Discord](https://img.shields.io/discord/268838260153909249?label=Chat\u0026logo=Discord\u0026style=for-the-badge)](https://discord.gg/mxZvun4)\n\n### Project Health\n[![Codacy](https://img.shields.io/codacy/grade/eb93a6155891444bb965b73aff843b9c?logo=Codacy\u0026style=for-the-badge)](https://www.codacy.com/manual/MorganCaron/CustomElementTs)\n[![Github Actions](https://img.shields.io/github/workflow/status/MorganCaron/CustomElementTs/Documentation%20deployment?logo=Github\u0026style=for-the-badge)](https://github.com/MorganCaron/CustomElementTs/actions?query=workflow%3A%22Documentation+deployment%22)\n\n---\n\n## What problems exist?\nReact, Angular and most other reactivity libraries and frameworks are much criticized.\\\nSome for their heaviness, slowness, difficulty to use, lack of cleanliness or difficulty to maintain a project through time.\\\nDevelopers would like to have a minimalist tool, compatible with all projects that doesn't require any particular dependency.\n\n## What solutions does CustomElementTs offer?\nJavaScript already embeds all the features needed to design reactive web components.\\\nYou don't need CustomElementTs or any other framework! :laughing:\n\n- Cross-browser (web standard) for creating and extending reusable components.\n- Requires no library or framework to get started. Vanilla JS/HTML FTW!\n- Provides a familiar programming model. It's just DOM/CSS/HTML.\n- Works well with other new web platform features (Shadow DOM, ``\u003ctemplate\u003e``, CSS custom properties, etc.)\n- Tightly integrated with the browser's DevTools.\n- DOM allows you to dynamically modify page elements, no need for a virtual DOM.\n- Leverage existing accessibility features.\n- JavaScript functions to manipulate the browser history allow to react dynamically to url changes.\n- No virtual DOM. Your app starts fast and stays fast.\n\n### Yes, but these features are very verbose.\nYou don't need complex frameworks to create real web applications with components and reactivity.\\\nCustomElementTs is useful to you only for simplification and readability.\n\n---\n\n## Getting Started\n[![Install](https://img.shields.io/badge/-Install-blue?style=for-the-badge)](INSTALL.md)\n[![Contribute](https://img.shields.io/badge/-Contribute-blue?style=for-the-badge)](CONTRIBUTING.md)\n\n---\n\n## Additional Informations\n![Top Language](https://img.shields.io/github/languages/top/MorganCaron/CustomElementTs?style=for-the-badge)\n[![License](https://img.shields.io/github/license/MorganCaron/CustomElementTs?style=for-the-badge)](https://github.com/MorganCaron/CustomElementTs/blob/master/LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmorgancaron%2Fcustom-element-ts","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmorgancaron%2Fcustom-element-ts","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmorgancaron%2Fcustom-element-ts/lists"}