{"id":13553391,"url":"https://github.com/atomicojs/atomico","last_synced_at":"2025-04-10T10:45:19.515Z","repository":{"id":37774094,"uuid":"146117548","full_name":"atomicojs/atomico","owner":"atomicojs","description":"Atomico a micro-library for creating webcomponents using only functions, hooks and virtual-dom.","archived":false,"fork":false,"pushed_at":"2024-10-21T03:49:54.000Z","size":3608,"stargazers_count":1179,"open_issues_count":16,"forks_count":43,"subscribers_count":24,"default_branch":"master","last_synced_at":"2024-10-29T14:53:29.773Z","etag":null,"topics":["atomico","hooks","jsx","reactive-properties","shadow-dom","web-components"],"latest_commit_sha":null,"homepage":"https://atomicojs.dev","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/atomicojs.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":null,"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":null,"patreon":null,"open_collective":null,"ko_fi":"atomicojs","tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"custom":null}},"created_at":"2018-08-25T17:54:48.000Z","updated_at":"2024-10-26T02:39:57.000Z","dependencies_parsed_at":"2023-11-12T09:35:33.020Z","dependency_job_id":"494bccdd-fcba-42e1-a773-b755cba83570","html_url":"https://github.com/atomicojs/atomico","commit_stats":{"total_commits":1230,"total_committers":9,"mean_commits":"136.66666666666666","dds":0.2268292682926829,"last_synced_commit":"02ee33292d0249ef4dd2741430be4813b03c1836"},"previous_names":[],"tags_count":207,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atomicojs%2Fatomico","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atomicojs%2Fatomico/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atomicojs%2Fatomico/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atomicojs%2Fatomico/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/atomicojs","download_url":"https://codeload.github.com/atomicojs/atomico/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247920921,"owners_count":21018491,"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":["atomico","hooks","jsx","reactive-properties","shadow-dom","web-components"],"created_at":"2024-08-01T12:02:23.570Z","updated_at":"2025-04-10T10:45:19.487Z","avatar_url":"https://github.com/atomicojs.png","language":"JavaScript","readme":"![Atomico](https://raw.githubusercontent.com/atomicojs/atomico/brand/h1.svg)\n![Atomico](https://raw.githubusercontent.com/atomicojs/atomico/brand/h2.svg)\n\n[![twitter](https://raw.githubusercontent.com/atomicojs/docs/master/.gitbook/assets/twitter.svg)](https://twitter.com/atomicojs)\n[![discord](https://raw.githubusercontent.com/atomicojs/docs/master/.gitbook/assets/discord.svg)](https://discord.gg/7z3rNhmkNE)\n[![documentation](https://raw.githubusercontent.com/atomicojs/docs/master/.gitbook/assets/doc-1.svg)](https://atomico.gitbook.io/doc/)\n[![playground](https://raw.githubusercontent.com/atomicojs/docs/master/.gitbook/assets/doc.svg)](https://stackblitz.com/edit/atomico?file=src%2Fmy-component.tsx)\n\n[![npm](https://badgen.net/npm/v/atomico)](http://npmjs.com/atomico)\n[![gzip](https://badgen.net/bundlephobia/minzip/atomico)](https://bundlephobia.com/result?p=atomico)\n\n## Build interfaces using webcomponents with React-inspired syntax\n\n1. **Scalable and reusable interfaces**: with Atomico the code is simpler and you can apply practices that facilitate the reuse of your code.\n2. **Open communication**: with Atomico you can communicate states by events, properties or methods.\n3. **Agnostic**: your custom element will work in any web-compatible library, eg React, Vue, Svelte or Angular.\n4. **Performance**: Atomico has a comparative performance at Svelte levels, winning the third position in performance according to [webcomponents.dev](https://twitter.com/atomicojs/status/1391775734641745929) in a comparison of 55 libraries among which is React, Vue, Stencil and Lit.\n\n### Atomico is simple and the result will always be a **standard and optimized webcomponent**.\n\n![step-1.1](https://raw.githubusercontent.com/atomicojs/atomico/brand/step-1.1.png)\n![step-1.2](https://raw.githubusercontent.com/atomicojs/atomico/brand/step-1.2.png)\n\n![step-2.1](https://raw.githubusercontent.com/atomicojs/atomico/brand/step-2.1.png)\n![step-2.2](https://raw.githubusercontent.com/atomicojs/atomico/brand/step-2.2.png)\n\n![step-3.1](https://raw.githubusercontent.com/atomicojs/atomico/brand/step-3.1.png)\n![step-3.2](https://raw.githubusercontent.com/atomicojs/atomico/brand/step-3.2.png)\n\n![step-4.1](https://raw.githubusercontent.com/atomicojs/atomico/brand/step-4.1.png)\n![step-4.2](https://raw.githubusercontent.com/atomicojs/atomico/brand/step-4.2.png)\n\n## Sponsors\n\nAtomico is an open source project which is mainly supported by [@UpperCod](https://twitter.com/uppercod), any donation is well received as it helps to improve Atomico in its maintenance, documentation, support and more 😊.\n\n[![sponsors Nicholas Frush](https://raw.githubusercontent.com/atomicojs/atomico/brand/s-nicholas-frush.png)](https://github.com/cawfeecoder)\n![](https://raw.githubusercontent.com/atomicojs/atomico/brand/8px.png)\n[![sponsors Nicholas Frush](https://raw.githubusercontent.com/atomicojs/atomico/brand/s-andrea-reni.png)](https://twitter.com/andreatrakea)\n![](https://raw.githubusercontent.com/atomicojs/atomico/brand/8px.png)\n[![sponsors Nicholas Frush](https://raw.githubusercontent.com/atomicojs/atomico/brand/s-jenna.png)](https://twitter.com/jjenzz)\n\n## Summary\n\nAtomico is a modern syntax micro-library created by Matias Trujillo alias [@UpperCod](https://github.com/uppercod), which simplifies the creation of webcomponents by replacing the need to use classes and contexts by functions and scope to support logic, attributes, properties, methods and events.\n\n## Join the team by contributing to Atomico\n\n**We will be attentive to all the help you need to generate your contribution.** In the following link [CONTRIBUTING.md](CONTRIBUTING.md) you'll find everything you need to start contributing to Atomico js webcomponents code.\n\nNot everything is code, it can also help us improve [Atomico documentation](https://atomico.gitbook.io/doc/).\n\nA good starting point to start contributing is to [add](https://github.com/atomicojs/atomico/issues/new/choose) or take a request from the [Atomico Roadmap](https://github.com/atomicojs/atomico/projects/2).\n\nBy default, all issues will appear in the backlog column in Atomico's roadmap for refinement.\n\n**Let's improve Atomico together!**\n","funding_links":["https://ko-fi.com/atomicojs"],"categories":["JavaScript","Libraries for building web components","Libraries","web-components"],"sub_categories":["Functional"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fatomicojs%2Fatomico","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fatomicojs%2Fatomico","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fatomicojs%2Fatomico/lists"}