{"id":15063155,"url":"https://github.com/twicpics/components","last_synced_at":"2026-03-03T12:32:05.423Z","repository":{"id":38087895,"uuid":"389845993","full_name":"TwicPics/components","owner":"TwicPics","description":"A Web component library that brings the power of TwicPics to your favorite web framework.","archived":false,"fork":false,"pushed_at":"2025-03-26T14:52:03.000Z","size":4934,"stargazers_count":56,"open_issues_count":7,"forks_count":3,"subscribers_count":4,"default_branch":"main","last_synced_at":"2025-03-26T15:45:58.020Z","etag":null,"topics":["angular","components","image-processing","nextjs","nuxtjs","reactjs","responsive-images","sveltejs","twicpics","vuejs"],"latest_commit_sha":null,"homepage":"","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/TwicPics.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"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}},"created_at":"2021-07-27T04:17:42.000Z","updated_at":"2025-03-24T09:42:29.000Z","dependencies_parsed_at":"2024-01-16T15:43:34.951Z","dependency_job_id":"68cd48d0-b91e-46f8-8f5d-7c0da88107df","html_url":"https://github.com/TwicPics/components","commit_stats":{"total_commits":644,"total_committers":6,"mean_commits":"107.33333333333333","dds":0.5652173913043479,"last_synced_commit":"b56ac90c139dd58b3fd011da29cc170b587b4293"},"previous_names":[],"tags_count":75,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TwicPics%2Fcomponents","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TwicPics%2Fcomponents/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TwicPics%2Fcomponents/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TwicPics%2Fcomponents/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/TwicPics","download_url":"https://codeload.github.com/TwicPics/components/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247271530,"owners_count":20911587,"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":["angular","components","image-processing","nextjs","nuxtjs","reactjs","responsive-images","sveltejs","twicpics","vuejs"],"created_at":"2024-09-24T23:52:27.236Z","updated_at":"2026-03-03T12:32:05.383Z","avatar_url":"https://github.com/TwicPics.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cimg align=\"right\" width=\"25%\" src=\"https://raw.githubusercontent.com/twicpics/components/main/logo.png\"\u003e\n\n# TwicPics Components\n\nTwicPics components is a library of components to provide context-aware optimization for images and videos. They come with best practices out of the box: lazy loading, Low Quality Image Placeholders, optimized Cumulative Layout Shift (CLS), and more.\n\n## Get Started\n\nThis project is available as an NPM package: [`@twicpics/components`](https://www.npmjs.com/package/@twicpics/components).\n\nInstallation:\n\n```sh\n# with yarn\nyarn add @twicpics/components\n\n# or with NPM\nnpm install @twicpics/components\n```\n\n[Read the documentation](./documentation).\n\n## Contributing\n\nThis project uses yarn as dependency manager.\n\n### Building \n\nSimply type `yarn build`. Dependencies are installed automatically.\n\n### Testing\n\nTo run tests, use the following commands:\n\n```sh\n# testing common code accross all frameworks\nyarn test:common\n\n# testing ui\nyarn test:ui\n\n# testing ui for specific frameworks\nyarn test:ui react svelte          # only test UI for react and svelte3, svelte4, svelte5 and sveltekit\nyarn test:ui ^vue                  # test UI for all frameworks except vue2 and vue3\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftwicpics%2Fcomponents","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftwicpics%2Fcomponents","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftwicpics%2Fcomponents/lists"}