{"id":16231243,"url":"https://github.com/legitcode/image","last_synced_at":"2025-03-19T14:30:31.179Z","repository":{"id":95859159,"uuid":"42019450","full_name":"Legitcode/image","owner":"Legitcode","description":"an img tag, with lazy loading","archived":false,"fork":false,"pushed_at":"2016-04-15T14:18:02.000Z","size":432,"stargazers_count":47,"open_issues_count":5,"forks_count":0,"subscribers_count":9,"default_branch":"master","last_synced_at":"2025-02-28T19:06:50.898Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://legitcode.github.io/image/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Legitcode.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"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}},"created_at":"2015-09-06T21:28:50.000Z","updated_at":"2019-10-03T01:56:29.000Z","dependencies_parsed_at":"2023-04-13T09:32:48.673Z","dependency_job_id":null,"html_url":"https://github.com/Legitcode/image","commit_stats":{"total_commits":13,"total_committers":1,"mean_commits":13.0,"dds":0.0,"last_synced_commit":"8ffd15d1a023694d2a7fb7fdced92364c9f9d971"},"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Legitcode%2Fimage","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Legitcode%2Fimage/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Legitcode%2Fimage/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Legitcode%2Fimage/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Legitcode","download_url":"https://codeload.github.com/Legitcode/image/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243997041,"owners_count":20380980,"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-10-10T13:04:46.278Z","updated_at":"2025-03-19T14:30:31.166Z","avatar_url":"https://github.com/Legitcode.png","language":"JavaScript","readme":"[![Circle CI](https://circleci.com/gh/Legitcode/image.svg?style=svg)](https://circleci.com/gh/Legitcode/image)\n##Install\n`npm install legit-image`\n\n##What is this?\n\nThis is a react component based off [this post](http://davidwalsh.name/lazyload-image-fade). It works just like a regular image tag, except it will only fade in once the image has loaded.\n\n###Example\n~~~js\nimport Image from 'legit-image'\n\nrender(){\n  return (\n    \u003cImage src=\"http://facebook.github.io/react/img/logo.svg\" /\u003e\n  )\n}\n\n~~~\n\n##Props\n\n- `speed`: fade in speed in seconds, ex: `0.5`, `1`, defaults to `1`\n\n##That's about it\n\nYou can pass any other props and they will be applied to the image tag. If you have any ideas on making this better, feel free to send a pull request.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flegitcode%2Fimage","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flegitcode%2Fimage","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flegitcode%2Fimage/lists"}