{"id":20643497,"url":"https://github.com/st0ffern/gl-react-imagefilters","last_synced_at":"2025-08-10T16:44:35.726Z","repository":{"id":132733551,"uuid":"63468443","full_name":"st0ffern/gl-react-imagefilters","owner":"st0ffern","description":"Image filters for gl-react and gl-react-native","archived":false,"fork":false,"pushed_at":"2020-05-24T20:19:48.000Z","size":2790,"stargazers_count":48,"open_issues_count":7,"forks_count":7,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-04-16T02:05:03.737Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/st0ffern.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":"2016-07-16T06:12:03.000Z","updated_at":"2024-04-30T07:36:36.000Z","dependencies_parsed_at":null,"dependency_job_id":"857bc361-b98c-48fa-a534-de115d7336f0","html_url":"https://github.com/st0ffern/gl-react-imagefilters","commit_stats":null,"previous_names":["stoffern/gl-react-imagefilters"],"tags_count":10,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/st0ffern%2Fgl-react-imagefilters","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/st0ffern%2Fgl-react-imagefilters/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/st0ffern%2Fgl-react-imagefilters/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/st0ffern%2Fgl-react-imagefilters/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/st0ffern","download_url":"https://codeload.github.com/st0ffern/gl-react-imagefilters/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249183103,"owners_count":21226141,"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-11-16T16:12:59.336Z","updated_at":"2025-04-16T02:05:23.474Z","avatar_url":"https://github.com/st0ffern.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# gl-react-imagefilters ![](https://img.shields.io/npm/v/gl-react-imagefilters.svg) ![](https://img.shields.io/badge/gl--react-\u003e=2.1-05F561.svg) ![](https://img.shields.io/badge/gl--react-dom%20%7C%20native-f90.svg)\n\n[![Greenkeeper badge](https://badges.greenkeeper.io/stoffern/gl-react-imagefilters.svg)](https://greenkeeper.io/)\nImage filters for gl-react and gl-react-native\n\n## Props\n\n- `children` **(required)**: the content to negate.\n- `sepia`: optionally the intensity of the effect. 1.0 is normal. higher than 1 will add sepia.\n- `hue`: optional input to adjust the hue filter (Default: 0 )\n- `blur`: optional input to adjust the blur filter (Default: 0 )\n- `sepia`: optional input to adjust the sepia filter (Default: 0 )\n- `sharpen`: optional input to adjust the sharpen filter (Default: 0 )\n- `negative`: optional input to adjust the negative filter (Default: 0 )\n- `contrast`: optional input to adjust the contrast filter (Default: 1 )\n- `saturation`: optional input to adjust the saturation filter (Default: 1 )\n- `brightness`: optional input to adjust the brightness filter (Default: 1 )\n- `temperature`: optional input to adjust the temperature filter (Default: 6500, Normal range: 2000-12000 )\n\n## Usage Examples\n\n```js\nvar ImageFilter = require(\"gl-react-imagefilters\");\n// or\nimport ImageFilter from \"gl-react-imagefilters\";\n```\n\n```html\n\u003cSurface width={300} height={300}\u003e\n   \u003cImageFilter sepia={3} blur={2}\u003e...\u003c/ImageFilter\u003e\n\u003c/Surface\u003e\n```\n\n```html\n\u003cSurface width={300} height={200}\u003e\n   \u003cImageFilter sepia={3} blur={2}\u003e\n    \u003cGLImage\n      source=\"https://unsplash.it/200/300\"\n      imageSize={{ width: 300, height: 200 }}\n      resizeMode=\"cover\" /\u003e\n   \u003c/ImageFilter\u003e\n\u003c/Surface\u003e\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fst0ffern%2Fgl-react-imagefilters","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fst0ffern%2Fgl-react-imagefilters","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fst0ffern%2Fgl-react-imagefilters/lists"}